I built a Real-time Bus Reservation System with React & FastAPI 🚍

Hey DEV community! 👋

"Quick Note: If you want to grab the full source code (React & FastAPI) of this system, you can find it here on [Gumroad ($29)]"

For the past few weeks, I wanted to build something that solves a complex real-world problem. So, I built a complete "SaaS-in-a-box" Bus Reservation platform called Ani Travels.

My main challenge was handling concurrency—making sure two people looking at the same open seat cannot book it simultaneously.

🛠 The Tech Stack

• Frontend: React (Vite) + Tailwind CSS + Framer Motion (Added smooth page transitions and interactive seat mapping).
• Backend: Python FastAPI (I fell in love with how fast and easy the asynchronous execution is).
• Database: MongoDB.
• Real-time Locking: WebSockets! As soon as a user selects a seat, an event is fired and the seat is locked across all active sessions instantly.

🌟 Features Implemented

• Search bus routes and see results dynamically.
• Interactive visual UI for Seat Selection (like MakeMyTrip/Redbus).
• Checkout forms and backend payment processing flow.
• A fully functional Admin Dashboard to add complete routes, assign buses, and monitor all platform bookings.

You can play around with the Live Demo here:
🔗 https://ani-travels-bus-booking.vercel.app

(Since the backend is on Render free tier, please excuse the initial 50-second cold start!)

I am selling the Complete Source Code along with detailed setup instructions if any entrepreneur or dev wants to skip 100+ hours of coding and launch their own startup/project immediately. It comes with seed scripts to populate DB instantly.

👉 [Get the Full Source Code from my Gumroad]
"🔥 Launch Offer: Get the 100% production-ready source code of this system for just $29. Includes setup guides and full support.(https://shadowwhisper02.gumroad.com/l/bus-booking-app)

Would love to hear constructive feedback! How do you handle complex booking architectures in your apps?