Перейти к содержимому

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