1,790
likes
157
comments
daily view 0
monthly view 0
Live Analytics
Comments 0
Building a Modern Railway Tracking App with AI | Vibe Coding Ep. 2 Analytics Table
Income Estimates for Building a Modern Railway Tracking App with AI | Vibe Coding Ep. 2
Based on this YouTube video's total view count of 59.2K views and industry-standard rates, the estimated total earning is $41 - $118 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.
About Building a Modern Railway Tracking App with AI | Vibe Coding Ep. 2
Explore Building a Modern Railway Tracking App with AI | Vibe Coding Ep. 2 with 59,245 views, 1,790 likes, and 157 comments. Experience the impact of this video content that has captured audience attention.
๐ ๐๐๐ถ๐น๐ฑ๐ถ๐ป๐ด ๐ฅ๐ฎ๐ถ๐น๐๐ฎ๐ฎ๐ฑ๐ถ, ๐ฎ ๐ ๐ผ๐ฑ๐ฒ๐ฟ๐ป ๐๐ป๐ฑ๐ถ๐ฎ๐ป ๐ฅ๐ฎ๐ถ๐น๐๐ฎ๐ ๐ง๐ฟ๐ฎ๐ฐ๐ธ๐ถ๐ป๐ด ๐ฃ๐น๐ฎ๐๐ณ๐ผ๐ฟ๐บ ๐๐ถ๐๐ต ๐๐ | ๐ฉ๐ถ๐ฏ๐ฒ ๐๐ผ๐ฑ๐ถ๐ป๐ด ๐๐ฝ๐ถ๐๐ผ๐ฑ๐ฒ #๐ฎ Welcome to ๐๐ฝ๐ถ๐๐ผ๐ฑ๐ฒ ๐ฎ of my ๐ฉ๐ถ๐ฏ๐ฒ ๐๐ผ๐ฑ๐ถ๐ป๐ด ๐ฆ๐ฒ๐ฟ๐ถ๐ฒ๐! ๐ In this series, I'm building ๐ฟ๐ฒ๐ฎ๐น-๐๐ผ๐ฟ๐น๐ฑ, ๐ฝ๐ฟ๐ผ๐ฑ๐๐ฐ๐๐ถ๐ผ๐ป-๐ด๐ฟ๐ฎ๐ฑ๐ฒ software using AI-assisted development while following the same workflow used by modern startups and engineering teams. Today's project is ๐ฅ๐ฎ๐ถ๐น๐๐ฎ๐ฎ๐ฑ๐ถ, a modern Indian Railway tracking platform inspired by products like Apple Maps, Linear, Stripe, and other beautifully crafted SaaS applications. This isn't just another UI clone or tutorial project. The goal was to build a software product the right way, starting with product research, a ๐ฃ๐ฟ๐ผ๐ฑ๐๐ฐ๐ ๐ฅ๐ฒ๐พ๐๐ถ๐ฟ๐ฒ๐บ๐ฒ๐ป๐๐ ๐๐ผ๐ฐ๐๐บ๐ฒ๐ป๐ (๐ฃ๐ฅ๐), UI/UX planning, system architecture, API integrations, reusable component planning, and finally implementing everything using modern web technologies and AI-assisted development. ๐ ๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ ๐ฅ๐ฒ๐๐ผ๐๐ฟ๐ฐ๐ฒ๐ ๐ Complete Product Requirements Document (PRD) https://docs.google.com/document/d/1XeMkSettaEyfEJjxzFx89Uf8aoAP_BkI-I2sQL-rGgI/edit?usp=sharing ๐ป GitHub Repository https://github.com/udaysharmadev/RailGaadi โฑ๏ธ ๐ง๐ถ๐บ๐ฒ๐๐๐ฎ๐บ๐ฝ๐ 00:00 - Building Railgadi with Vibe Coding 01:00 - Finding the Railway Tracking API 01:10 - Railgadi PRD & Core Features 02:20 - Adding Analytics, Terrain & Weather 03:00 - Creating `design.md` for Better UI 04:15 - Using ChatGPT to Build the PRD 06:40 - ChatGPT Generates the MVP PRD 07:30 - Setting Up Railgadi in Antigravity 08:20 - Claude vs Gemini in Antigravity 09:00 - Setting Up Google Stitch MCP 11:45 - Creating the 2-Phase Implementation Plan 12:40 - Rail Radar, MapTiler & Other APIs 15:20 - Claude Builds the Phase 1 Plan 17:40 - Gemini Starts Building the App 18:30 - Whiteboard: How the System Works 20:30 - Phase 1 Code Generation Complete 23:15 - Exploring the Generated Codebase 24:15 - Running Railgadi for the First Time 25:00 - Adding API Keys with `.env.local` 28:15 - First Live Train Tracking Test 29:20 - Verifying Live Train Data with ChatGPT 32:00 - The AI Was Using Fake Mock Data ๐ณ 32:30 - Fixing the Hardcoded Data Problem 36:20 - Connecting the Real Rail Radar API 39:55 - Real-Time Train Data Finally Works 43:40 - Starting Phase 2 45:00 - My First Hackathon & The Truth About Vibe Coding 48:00 - Adding PWA & Mobile Navigation 50:20 - Train Not Found: API Error 51:25 - We Hit the Rail Radar API Limit ๐ 55:00 - Debugging the Connection Timeout 56:55 - Claude Hits Its Message Limit 58:00 - Live Tracking, Weather & Terrain Working 01:00:10 - Fixing the Train Marker Bug 01:02:10 - Testing the Final Live Map 01:06:00 - Open-Sourcing Railgadi on GitHub 01:06:40 - Protecting API Keys with `.gitignore` 01:09:00 - Pushing Railgadi to GitHub 01:10:15 - Final Demo & What's Next? ๐ ๐ง๐ฒ๐ฐ๐ต ๐ฆ๐๐ฎ๐ฐ๐ธ ๐๐ฟ๐ผ๐ป๐๐ฒ๐ป๐ฑ โข Next.js 15 โข React 19 โข TypeScript โข Tailwind CSS โข shadcn/ui โข Motion (Framer Motion) ๐ฆ๐๐ฎ๐๐ฒ ๐ ๐ฎ๐ป๐ฎ๐ด๐ฒ๐บ๐ฒ๐ป๐ โข TanStack Query โข Zustand ๐ ๐ฎ๐ฝ๐ & ๐๐ฒ๐ผ๐๐ฝ๐ฎ๐๐ถ๐ฎ๐น โข MapLibre GL JS โข MapTiler โข Turf.js ๐๐ฎ๐ฐ๐ธ๐ฒ๐ป๐ฑ โข Next.js Route Handlers โข Node.js ๐ ๐๐ฃ๐๐ & ๐๐ฎ๐๐ฎ ๐ฆ๐ผ๐๐ฟ๐ฐ๐ฒ๐ ๐ RailRadar API https://railradar.in/docs ๐บ๏ธ MapTiler https://www.maptiler.com/ ๐บ๏ธ MapLibre GL JS https://maplibre.org/ ๐ค๏ธ OpenWeather API https://openweathermap.org/api ๐๏ธ OpenTopography API https://opentopography.org/ ๐ฐ๏ธ Overpass API https://overpass-api.de/ ๐บ๏ธ OpenStreetMap https://www.openstreetmap.org/ ๐ฆ ๐ข๐ฝ๐ฒ๐ป ๐ฆ๐ผ๐๐ฟ๐ฐ๐ฒ ๐๐ถ๐ฏ๐ฟ๐ฎ๐ฟ๐ถ๐ฒ๐ & ๐๐ผ๐ฐ๐๐บ๐ฒ๐ป๐๐ฎ๐๐ถ๐ผ๐ป โฒ Next.js https://nextjs.org/ โ๏ธ React https://react.dev/ ๐ TypeScript https://www.typescriptlang.org/ ๐จ Tailwind CSS https://tailwindcss.com/ ๐งฉ shadcn/ui https://ui.shadcn.com/ โจ Motion https://motion.dev/ ๐บ๏ธ MapLibre GL JS https://maplibre.org/ ๐ Turf.js https://turfjs.org/ โก TanStack Query https://tanstack.com/query/latest ๐ป Zustand https://zustand.docs.pmnd.rs/ ๐ฏ Lucide React https://lucide.dev/ ๐ date-fns https://date-fns.org/ ๐จ clsx https://github.com/lukeed/clsx ๐จ tailwind-merge https://github.com/dcastil/tailwind-merge ๐ ๐ช๐ต๐ฎ๐ ๐ฌ๐ผ๐'๐น๐น ๐๐ฒ๐ฎ๐ฟ๐ป โ Converting ideas into real software products โ Writing production-ready PRDs โ Product Engineering Workflow โ Modern Next.js Architecture โ Interactive Maps โ Working with Multiple APIs โ AI-assisted Software Development โ Building Portfolio-worthy Projects ๐ฌ ๐ฉ๐ถ๐ฏ๐ฒ ๐๐ผ๐ฑ๐ถ๐ป๐ด ๐ฆ๐ฒ๐ฟ๐ถ๐ฒ๐ โ Episode 1 โ Introduction to Vibe Coding ๐ Episode 2 โ Building RailGaadi More production-grade AI projects are coming soon. ๐ ๐๐ผ๐ป๐ป๐ฒ๐ฐ๐ ๐ช๐ถ๐๐ต ๐ ๐ฒ ๐ธ Instagram https://www.instagram.com/udaysharmaaaaa/ ๐ป GitHub https://github.com/udaysharmadev ๐ฌ HackShastra Discord Community https://discord.gg/wDJbCyheQ Join our community to discuss AI, Vibe Coding, Full Stack Development, Open Source, Hackathons, and Software Engineering. โค๏ธ ๐ฆ๐๐ฝ๐ฝ๐ผ๐ฟ๐ ๐๐ต๐ฒ ๐๐ต๐ฎ๐ป๐ป๐ฒ๐น ๐ Like the video ๐ฌ Comment your favorite part of the build โญ Star the GitHub repository ๐ข Share it with your developer friends ๐ Subscribe for more AI, Full Stack, Product Engineering & Vibe Coding content. Thank you for watching! ๐
About YouTube Real-Time View Count
With SocialCounts.orgโs view counter, track your YouTube videoโs live view count and YouTube likes count in real time with fast, reliable updates.
Watch every YouTube video live view count rise with our real-time YouTube views trackerโbuilt for accuracy and minimal delay.
Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.
Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.orgโs smart tracking tools.
Embed Widget
Parameters:
fullscreen=true- Fullscreen countergraph=true- Live graph chartcounter=0/1/2- Select counter (0=likes, 1=views, 2=comments)
URL
Click to copy the embed URL to your clipboard

