DEV Community

ANIKET Jha
ANIKET Jha

Posted on

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

Hey DEV community! πŸ‘‹

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

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

Top comments (0)