1,790
likes
157
comments
daily view 0
monthly view 0

Share

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 counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard