A complete Ecommerce Website built with MERN Stack (MongoDB, Express, React, Node.js). Users can browse products, manage their cart, and complete demo orders with a smooth checkout experience. The website has secure authentication, full backend integration, and a modern mobile-responsive design.
Visit Live Site
⚠️ Note: The backend may take a few seconds to start on Render. Please wait when opening the site.
This MERN Ecommerce Website is a full-stack online store with:
- Secure Authentication: Login and signup system for users.
- Product Management: Admin panel to add, edit, and remove products.
- Cart & Checkout: Users can add items to cart, choose payment options, and place demo orders.
- Profile Management: Users can manage personal info, addresses, and order history.
- Admin Dashboard: View all orders, products, users, reports, and return requests.
- Frontend Served by Backend: Similar to MERN blog platform, frontend is bundled inside backend (
dist) for production deployment on Render.
The website is mobile responsive and can be extended to create custom ecommerce solutions tailored for any business.
- User Authentication: Sign up / Login / Logout
- Product Browsing: Category-based and search functionality
- Cart Management: Add/remove items, view cart summary
- Checkout & Payment Options: Complete demo orders
- Profile & Orders: Manage user info, addresses, order history
- Admin Panel: Manage products, users, all orders, return requests, and reports
- Responsive Design: Optimized for desktop, tablet, and mobile
- Real-time Backend Integration: Node.js + Express + MongoDB
- Toast Notifications for user actions
- Optional Dark Mode (can be added easily)
- Frontend: React, Tailwind CSS, npm packages, React Router
- Backend: Node.js, Express.js, MongoDB, Mongoose
- Other: JWT Authentication, RESTful APIs, Responsive UI
Replace these placeholders with your screenshots
# Clone repo
git clone <repo-url>
cd <repo-folder>
# Install backend dependencies
npm install
# Install frontend dependencies
cd client
npm install
# Start frontend (dev)
npm start
# Start backend (dev)
cd ..
npm run devFrontend is built into dist inside backend.
Running backend will serve the frontend automatically.
Make sure to configure MongoDB URI and any environment variables in .env.
Visit the deployed site.
Sign up / log in as a user.
Browse products, add to cart, and place demo orders.
Admins can manage products, users, orders, and reports from dashboard.
Use search and filter to find products quickly.
Muhammad Subhan Akhtar
📧 muhammadsubhan192128@gmail.com
🌐 Portfolio Website
💬 Open for collaborations & freelance web projects.