Back to Projects
Full Stack

ShopMERN —
E-commerce Platform

Web App
MERN Stack
Full Stack Development

Overview

ShopMERN is a complete e-commerce platform featuring product listings, cart management, user authentication with JWT, and Stripe payment integration. Built with a React frontend and a Node/Express REST API backend connected to MongoDB.

Key Features

JWT Authentication
Product Search & Filter
Shopping Cart & Checkout
Stripe Payment Gateway
Admin Dashboard
Order Tracking

The Challenges

Implementing real-time cart synchronization across sessions and handling Stripe webhook events securely were the primary challenges. Solved using React Context API for frontend state and backend middleware validation for webhook security.

Future Plans

  • Add a product review system
  • Implement wishlist feature
  • Email order confirmation via Nodemailer
  • Deploy on Vercel (frontend) + Railway (backend)

Tech Stack

MongoDBDatabase
Express.jsBackend Framework
React.jsFrontend Library
Node.jsRuntime Environment
JWT AuthSecurity
Tailwind CSSStyling
Stripe APIPayments
View Live Project GitHub Repository