Skip to content

This project is a full-featured E-Commerce web application built using the MERN stack (MongoDB, Express.js, React, Node.js), designed with a modern responsive UI and integrated with Stripe for secure online payments.

Notifications You must be signed in to change notification settings

Qasimraza110/Evoloop-Shop-Mern-fullstack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

96 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›’ MERN E-Commerce Store with Stripe, Admin Panel & OTP Authentication

This project is a complete E-Commerce web application built using the MERN stack (MongoDB, Express.js, React, Node.js). It features a modern responsive UI, Stripe payment integration, and a secure OTP-based password reset system, offering both customer-facing features and a powerful admin dashboard.

It demonstrates full-stack development end-to-end: backend APIs, authentication, database modeling, frontend state management, and a smooth user experience.

πŸ”‘ Core Features πŸ” Authentication & Security

User registration & login with JWT

Password encryption using bcrypt

OTP-based Forgot Password & Reset system

Protected routes for checkout & orders

πŸ›οΈ Shopping Experience

Product listing with images, pricing & details

Add-to-cart, quantity management, and remove items

Persistent cart (localStorage + MongoDB sync)

πŸ’³ Checkout & Payments

Seamless Stripe Checkout integration

Real-time order creation and storage in MongoDB

Payment confirmation with order status updates

πŸ“¦ Order Management

User-specific order history

Order details saved (products, quantity, total, payment ID)

Status tracking (pending β†’ paid)

πŸ›  Admin Panel Features

A powerful Admin Dashboard to manage the store:

πŸ“Š Dashboard Overview – Quick stats for Products, Orders, Users

πŸ“¦ Manage Products – Add, Edit, Delete products with images & categories

πŸ›’ Manage Orders – Track and update order status

πŸ‘₯ Manage Users – User list & access management

⭐ Featured Products toggle

πŸ–ΌοΈ Product categories with icons (Clothes, Electronics, Shoes, etc.)

πŸ–€ Responsive Sidebar Navigation with modern UI

🎨 Modern UI/UX

Built with React + TailwindCSS

Responsive design for desktop, tablet, and mobile

Clean animations, icons, and professional layout

πŸ›  Tech Stack

Frontend: React (Vite), Context API, React Router, TailwindCSS

Backend: Node.js, Express.js

Database: MongoDB

Authentication: JWT + bcrypt + OTP verification

Payments: Stripe API

Admin Panel: React + TailwindCSS (Dashboard, Product CRUD, Sidebar Navigation)

⚑ With OTP security, Stripe payments, and full admin control, this project provides a production-ready full-stack E-Commerce solution for real-world use.

About

This project is a full-featured E-Commerce web application built using the MERN stack (MongoDB, Express.js, React, Node.js), designed with a modern responsive UI and integrated with Stripe for secure online payments.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages