MERN Clothing Ecommerce Platform
A full-featured clothing ecommerce platform built using the
MERN stack (MongoDB, Express, React, Node.js). It includes a modern frontend for customers and a powerful admin dashboard for managing products, users, and orders.
Live Demo
Admin Login Credentials
Please do not delete important data. The demo database may reset periodically for testing purposes.
Key Features
- Full-stack MERN architecture
- Modern and clean UI with Tailwind CSS
- Product catalog, shopping cart, and checkout flow
- JWT-based user authentication and protected routes
- Powerful admin dashboard with product, user, and order management
- Order status and payment tracking
- Responsive design for desktop, tablet, and mobile
- Built with Vite for faster development experience
Technologies Used
- Frontend: React, Tailwind CSS, React Router, Context API
- Backend: Node.js, Express.js, MongoDB, Mongoose, JWT
Features
- Full-stack MERN (MongoDB, Express, React, Node.js)
- Clean and modern UI with Tailwind CSS
- Secure user login/register with JWT
- Protected admin dashboard
- Product catalog and cart management
- Order creation and status tracking
- Mobile-responsive design
- React Context API for state management
- Built with Vite for lightning-fast performance
Requirements
- Node.js v16 or higher
- MongoDB (Local or Atlas)
- Code Editor (e.g., VS Code)
- Basic knowledge of JavaScript and React
- Modern browser (Chrome, Firefox, etc.)
- Internet connection to install dependencies
Instructions
Installation Guide
- Unzip the downloaded project files.
- Install dependencies in both /frontend and /backend folders using:
npm install
- Set up your MongoDB database and add your credentials in the provided .env file.
- Start the backend server:
cd backend && npm run dev
- Start the frontend:
cd frontend && npm run dev
- Access the user frontend at: http://localhost:3000
- Access the admin panel at: http://localhost:3001
Admin Panel Demo
Frontend Demo
https://rong-bd-frontend.vercel.app/
