MERN KART is a modern e-commerce platform built with the MERN stack for the backend and Next.js for the frontend.
It supports both buyers and sellers, allowing users to create accounts, list products, browse items, and manage carts.
The project is styled with Tailwind CSS and does not use Redux — instead, it uses clean state management with Context/API integration.
- 👤 User Authentication & Roles
- Register/login as buyer or seller
- Secure JWT-based authentication
- 🏬 Seller Features
- Create and manage products
- Upload product details (title, description, price, images, category)
- 🛍️ Buyer Features
- Browse and search products
- Add/remove/update items in cart
- Checkout flow (future scope: orders & payments)
- 🛒 Cart Management
- Add products to cart
- Update quantities
- Clear/remove items
- 🎨 Modern UI
- Responsive design built with Tailwind CSS
- Clean product cards, forms, and dashboards
- ⚡ Next.js Frontend
- Server-side rendering (SSR) & routing
- Optimized performance
- 🗄️ MERN Backend
- Express API with MongoDB (Mongoose)
- Models: User, Product, Cart
-
Frontend
- Next.js (React Framework)
- Tailwind CSS (utility-first styling)
-
Backend
-
Auth & State
- JWT Authentication
- Redux
- Name, Email, Password (hashed)
- Role:
buyer|seller - Account management fields
- Title, Description, Price, Images
- Category
- Stock
- User reference
- Product references
- Quantity, subtotal