Build Vehicle Booking Website 🚗 | Live Map Tracking + Video KYC | Next.js + MongoDB + ZEGOCLOUD
VIRTUAL CODE
0:00 / 0:00
Build Vehicle Booking Website 🚗 | Live Map Tracking + Video KYC | Next.js + MongoDB + ZEGOCLOUD
45 288 просмотров · 6 месяцев назад
VIRTUAL CODE
42,8 тыс. подписчиков
45 288 просмотров · 6 месяцев назад
· Get 10000 free mins with UIKits: https://bit.ly/4tSWjhB
· Learn more about ZEGOCLOUD: https://bit.ly/3Or0FN3
📂 Source Code: https://rzp.io/rzp/ww9d4ff
Free Assets- https://drive.google.com/drive/folder...
🚀 Want to build a real Uber/Ola like Vehicle Booking Website?
In this video, I’ll show you how to create a FULL STACK booking platform using Next.js with Real-Time Live Tracking, Video KYC & Online Payments 🔥
⚡ This is NOT a basic project — this is a production-level system with features used in real startups!
💥 What makes this project 🔥:
👉 Real-Time Live Map Tracking using Socket.io 🗺️
👉 Video KYC for Driver Verification 📹
👉 AI-ready scalable architecture 🤖
👉 Complete Vehicle Booking System 🚗
👉 Multi-Partner System (User + Driver Dashboard)
👉 Secure Login & Auth (Auth.js) 🔐
👉 Razorpay Payment Integration 💳
👉 Smooth Animations with Framer Motion ✨
🧠 Tech Stack:
Next.js
MongoDB
Socket.io (Realtime)
ZEGOCLOUD (Video KYC)
Razorpay
Auth.js
Framer Motion
🎯 Why you should watch:
✔ Final Year Project Ready
✔ Strong Portfolio Project
✔ Freelancing Ready Skill
✔ Startup Level Idea
⚡ Watch till END — Real-time tracking logic explained step-by-step!
🔥 Don’t forget:
LIKE 👍 COMMENT 💬 SUBSCRIBE 🔔
Time Stamps -
0:00 Intro
1:22 Overview of Project
38:20 Setting up Next js Project
51:22 Creating User Model
1:07:05 Let's connect Mongodb
1:33:06 Creating Register API
1:53:26 Setting up Auth.js for Authentication
2:38:06 Creating Home Page
3:18:05 Creating AuthModal.tsx
4:23:34 setting up Email Verification
5:26:54 setting up Redux Toolkit
6:17:36 Enhancing the Nav.tsx
6:50:44 Creating Vehicle Slider
7:26:36 Creating Footer
7:39:20 Creating Proxy.ts
8:03:11 Creating Vehicle model
8:16:41 Creating PartnerDocs model
8:20:53 Creating PartnerBank model
8:25:30 Creating Partner onboarding Pages
9:11:47 Setting up Cloudinary
9:29:12 Creating Partner onboarding APIs
11:05:22 Setting up Zegocloud for Video KYC
11:26:12 see you in part 2
---
#nextjs #uberclone #vehiclebooking #fullstackproject #webdevelopment #coding #javascript #mongodb #socketio #zegocloud #razorpay #realtimeapp #ai #programming #developer #codinglife #100daysofcode #project #nextjsproject #mernstack #webdev #softwaredeveloper