Build Food Delivery Website with Realtime Map Live Tracking 🔥 | MERN Stack | PART 2
🚀 Build a Food Delivery Website like Zomato / Swiggy with MERN Stack 🔥
In this full-stack tutorial, we’ll create a Food Delivery App with Realtime Map Live Tracking 🌍🚴 so users can track their orders LIVE on Google Maps.
Source Code - https://rzp.io/rzp/P5BJYUa5
Free Material - https://drive.google.com/drive/folder...
This project is 100% practical & real-world and includes:
✅ Realtime Map Live Tracking (Google Maps + Socket.io)
✅ Google Authentication (One Tap Login)
✅ Razorpay Payment Gateway Integration 💳
✅ Password Reset with Email OTP
✅ Cart, Checkout & Order History
✅ Complete MERN Stack Setup (MongoDB, Express, React, Node.js)
🔥 By the end, you’ll have a production-ready food delivery app for college projects, resume, and portfolio.
✨ What You’ll Learn in this Tutorial
1️⃣ MERN Project Setup
2️⃣ User & Restaurant Auth (Google OAuth + JWT)
3️⃣ Cart System + Checkout Flow
4️⃣ Razorpay Integration for Payments
5️⃣ LIVE Map Tracking for Orders
6️⃣ Password Reset with Email OTP
7️⃣ Deployment (Free Hosting)
👉 Don’t forget to LIKE 👍, SHARE ↗️, and SUBSCRIBE 🔔 for more awesome MERN projects.
Drop your questions in the comments — I reply to everyone 💬
Time Stamps -
0:00 Intro
1:11 Creating Add to Cart Functionality
1:14:23 Creating Order Model
1:33:46 Creating Checkout page
3:20:22 Creating Place Order api
4:29:00 Creating My Orders Page for User/Owner
6:22:00 Creating Update Status By Owner
6:50:40 Delivery Assignment Functionality
8:31:00 Creating Delivery Boy Page
9:27:30 Accepting Order By Delivery Boy
10:26:40 Creating Live Tracking Map
10:54:10 Creating Track Order Page for user
#MERN #FoodDeliveryApp #ZomatoClone #SwiggyClone #MERNStack #ReactJS #NodeJS #MongoDB #ExpressJS #FullStackDeveloper #WebDevelopment #Razorpay #GoogleAuth #RealtimeTracking #FoodDeliveryWebsite #Coding #Programmers