This is a full-stack E-Commerce web application built to simulate a real-world online shopping platform. It includes a frontend for users, a backend REST API, and an admin dashboard for managing products and orders.
The project demonstrates:
- Real-world full-stack development
- Secure authentication
- Clean backend architecture
- Scalable code structure
Frontend / Admin Panel
↓
Backend REST API
↓
MongoDB Database
E-Commerce/
├── frontend/ – User-facing application
├── backend/ – Server, APIs, authentication
├── admin/ – Admin dashboard
├── .gitignore
├── README.md
└── LICENSE
- User signup and login
- JWT-based authentication
- Browse products
- View product details
- Add & remove items from cart
- Place orders
- Responsive UI
- Admin authentication
- Add products
- Update products
- Delete products
- Manage inventory
- View all orders
- RESTful APIs
- JWT authentication
- Secure password hashing
- Environment-based config
- Modular backend structure
- HTML
- CSS
- JavaScript
- React
- Node.js
- Express.js
- MongoDB
- JSON Web Tokens (JWT)
- bcrypt
- Git & GitHub
- npm
- Postman
- VS Code
- Node.js
- npm
- MongoDB
git clone https://github.com/RealCifer/E-Commerce.git
cd E-Commerce
cd backend
npm install
Create .env file:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_secret
Start backend:
npm start
Backend runs on:
http://localhost:5000
cd frontend
npm install
npm start
Frontend runs on:
http://localhost:3000
cd admin
npm install
npm start
Admin panel runs on:
http://localhost:3001
Login → JWT Generated → Stored on Client → Sent in Headers → Access Protected Routes
Authentication
POST /api/auth/register
POST /api/auth/login
Products
GET /api/products
GET /api/products/:id
POST /api/products (Admin)
PUT /api/products/:id (Admin)
DELETE /api/products/:id (Admin)
Cart & Orders
POST /api/cart
POST /api/order
GET /api/orders
Frontend: Vercel / Netlify
Backend: Render / Railway / AWS
Database: MongoDB Atlas
- Fork the repo
- Create a new branch
- Make changes
- Commit & push
- Open a PR