https://github.com/ml4909854/frontend_shopping_application

MKart is a full-featured MERN stack shopping platform designed for both users and administrators. Users can browse products, manage their cart, and place orders. Admins can manage users, products, and track orders from a powerful admin dashboard.
https://github.com/ml4909854/frontend_shopping_application

bcrypt cloudinary express jwt mongodb-atlas mongoose multer node react

Last synced: 3 months ago
JSON representation

MKart is a full-featured MERN stack shopping platform designed for both users and administrators. Users can browse products, manage their cart, and place orders. Admins can manage users, products, and track orders from a powerful admin dashboard.

• Host: GitHub
• URL: https://github.com/ml4909854/frontend_shopping_application
• Owner: ml4909854
• Created: 2025-06-28T13:10:33.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-07-02T06:29:30.000Z (12 months ago)
• Last Synced: 2025-07-02T07:34:05.118Z (12 months ago)
• Topics: bcrypt, cloudinary, express, jwt, mongodb-atlas, mongoose, multer, node, react
• Language: JavaScript
• Homepage: https://frontend-shopping-application.vercel.app
• Size: 71.3 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🛍️ MKart - MERN Stack Shopping Application

### Live Demo 🔗

🌐 [Explore MKart Live](https://frontend-shopping-application.vercel.app)

# video Demon - https://youtu.be/xowXOyRLRII?si=fKwvh1NKqAUXOemo

---

## 📦 About the Project

**MKart** is a full-stack eCommerce shopping platform built using the **MERN stack (MongoDB, Express, React, Node.js)**. It includes a complete **user interface** for customers to shop products and a separate **admin panel** to manage users, orders, and products.

---

## ✨ Features

### 👤 User Features

- 🔐 Secure Registration & Login (JWT Auth with Role)

- 👕 Browse all products by category and brand

- 🔍 Real-time product search and filter

- 🛒 Add to Cart / Update Quantity / Remove Item

- 📦 Place Order (Cash / Simulated Online)

- 🧾 View Order History & Track Status

### 🛠️ Admin Features

- 🧑‍💼 Admin login with role-based access control

- 📊 Dashboard showing:

  - Total Users

  - Total Orders

  - Revenue (Only Delivered)

  - Total Products

- 📦 Product Management (Add / Update / Delete)

- 👥 User Management (Filter by Role / Delete Users)

- 📜 Order Management (Filter by Status / View Details)

- ⚠️ Low Stock Alerts

---

## ⚙️ Tech Stack

### Frontend (React)

- React.js with React Router DOM

- Context API / Hooks for State Management

- Axios for API Requests

- Tailwind CSS & Custom CSS Modules

- Vercel (for deployment)

### Backend (Node.js + Express)

- Express.js REST API

- MongoDB Atlas (Cloud Database)

- Mongoose for ODM

- JWT Authentication with Access & Refresh Tokens

- Role-Based Access Control

- Nodemon (for development)

- Render or Cyclic (for deployment)

---