Build Food Delivery Website with Realtime Map Live Tracking 🔥 | MERN Stack (Google Auth + Razorpay)
Get 20% OFF on Scrimba Pro with this link.
https://scrimba.com/fullstack-path-c0...
🚀 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 Overview Of Project
18:59 Setting up Backend Project
31:19 Let's connect Mongo db
38:48 Creating User Model
46:13 Creating Authentication APIs
21:25 Setting Up React Project
1:28:34 Creating Sign up Sign in page
2:26:58 Adding Reset Password Functionality
3:31:38 Adding Google Authentication
4:23:41 Creating Authentication Middleware
4:31:17 Creating and fetch get current User Api
4:42:39 Setting up Redux Toolkit
5:00:28 Creating Home Page
5:07:39 Creating Nav Component
6:00:21 Creating Shop & Item model
6:13:07 Setting up Cloudinary & Multer
6:27:33 Creating Shop & Item Controller
6:55:16 Creating Owner Dashboard
7:33:30 Creating CreateEditPage ,Add food page
8:46:00 Creating Owner Item Card and map them
9:43:59 Creating User Dashboard
11:00:58 Creating Food Card Component
#MERN #FoodDeliveryApp #ZomatoClone #SwiggyClone #MERNStack #ReactJS #NodeJS #MongoDB #ExpressJS #FullStackDeveloper #WebDevelopment #Razorpay #GoogleAuth #RealtimeTracking #FoodDeliveryWebsite #Coding #Programmers