I Built a Real-Time Grocery Delivery System (MERN + AI + Maps) | MandviCart Full Demo
🚀 Welcome to MandviCart — a full-stack, production-grade multi-vendor grocery delivery platform built completely from scratch.
This is NOT a basic eCommerce project.
It is a complete real-world system with multiple roles, real-time tracking, and AI-powered features.
🔗 Live Demo: https://mandvi-cart.vercel.app/
💻 GitHub Repo: https://github.com/ParthDevOp/MandviCart
---
🛒 ABOUT THE PROJECT
MandviCart is a scalable multi-vendor ecosystem designed to simulate real production-level delivery platforms like Blinkit or Zepto.
It includes:
• Customer shopping experience
• Seller dashboard for inventory & orders
• Rider system with live tracking
• Admin panel with analytics & control
---
⚡ KEY FEATURES
• Real-time order tracking using Socket.io
• AI-based rider verification (Face Recognition)
• Secure authentication with Clerk (OTP + session management)
• Dual OTP validation (Pickup & Delivery)
• Hyperlocal delivery with map pinning (Leaflet)
• Advanced Admin Dashboard with analytics (Recharts)
• Multi-role system (Customer, Seller, Rider, Admin, Super Admin)
• Smooth UI/UX with animations (Framer Motion + Lottie)
---
🧠 SYSTEM ARCHITECTURE
This project is built using a role-based access control system with 5 different user flows:
Customer → Seller → Rider → Admin → Super Admin
Each role has a separate dashboard and permissions system.
More details available in the GitHub README:
---
💻 TECH STACK
Frontend:
• React.js (Vite)
• Tailwind CSS
• Framer Motion + Lottie
• Recharts (Analytics)
• Leaflet Maps
Backend:
• Node.js + Express.js
• MongoDB (Mongoose)
• Cloudinary (Media Storage)
Authentication:
• Clerk Auth
---
📦 WHAT MAKES THIS PROJECT DIFFERENT?
This project focuses on:
✔ Real-world scalability
✔ Production-level architecture
✔ Security & verification systems
✔ End-to-end delivery workflow
From placing an order → to verified rider delivery → to admin analytics — everything is built and connected.
---
🔥 DEMO ACCOUNTS (for testing)
Admin:
Email: [[email protected]](mailto:[email protected])
Password: MandviAdmin!2026
Seller:
Email: [[email protected]](mailto:[email protected])
Password: MandviSeller!2026
Rider:
Email: [[email protected]](mailto:[email protected])
Password: MandviRider!2026
Customer:
Email: [[email protected]](mailto:[email protected])
Password: MandviCustomer!2026
---
📌 TIMESTAMPS (Add after upload)
00:00 Introduction
00:30 Homepage & UI
01:00 Shop & Products
02:00 Authentication
03:00 Cart & Checkout
05:00 Payment
06:00 Order Tracking
07:00 Seller Dashboard
08:00 Rider System
09:00 AI Face Verification
10:00 Admin Panel
---
👨💻 ABOUT ME
I’m a full-stack developer focused on building real-world systems using MERN stack, AI integrations, and scalable architectures.
If you like this project, consider subscribing and sharing 🙌
---
📢 CONNECT WITH ME
LinkedIn: / parth-shah-861abb316
GitHub: https://github.com/ParthDevOp
---
#MERN #FullStack #WebDevelopment #ReactJS #NodeJS #MongoDB #AI #BuildInPublic #Projects #SoftwareEngineering