MERN E-Commerce

A fully working e-commerce web app developed in MERN (MongoDB, Express.js, React.js and Node.js) stack

Key Features

• React + Bootstrap 5, SCSS for frontend UI/UX
• Express.js + Node.js for backend
• MongoDB for database
• Redux state management
• Stripe payment integration
• JWT token + bcryptjs for authentication
• Advanced product search, filter...etc
• User Profile and Admin pages with protected route
• Cart & Order pages
• And more...

How To Compile

• Setup a MongoDB database and create 'products', 'users', 'orders' collections
• Get data from DummyJSON and add it to 'products' collection
• Create a .env file in 'root/server' directory and add all necessary environment variables
• Install npm packages in 'root', 'root/client' 'root/server' directories
• From 'root' directory, do 'npm start'

Screenshots

Products

Login

Register

User Account

Cart & Order