DEV Community

ANIKET Jha
ANIKET Jha

Posted on

How I Built a Full-Stack Bus Reservation SaaS in 3 Months (React + FastAPI)

Hey DEV community! πŸ‘‹

For the past few months, I've been heads-down building a production-ready Bus Reservation SaaS. I wanted to build something beyond a generic "to-do list" appβ€”something with real-world complexity like concurrent bookings, robust admin analytics, and live seat tracking.

Here is a breakdown of what I built and the tech stack I used.

πŸ› οΈ The Tech Stack

  • Frontend: React (Vite) + Tailwind CSS (for that glassmorphism, premium feel)
  • Backend: FastAPI (Python) - Chose this for massive async performance
  • Database: MongoDB Atlas
  • Real-time: WebSockets for live seat locking

✨ Key Features Built

  1. Interactive Seat Selection: Users can see which seats are available, already booked, or currently being held by someone else in real-time.
  2. Dynamic Admin Dashboard: A comprehensive pane tracking total revenue, upcoming bookings, and a massive inventory of routes (over 280,000 seeded!).
  3. QR Generation: Auto-generating QR code tickets via Python upon a successful booking.

πŸ“Έ Sneak Peek

🌍 Check it out Live

Demo: ani-travels-bus-booking.vercel.app
(You can log into the admin dashboard at admin@anitravels.com / admin123)

πŸ“‚ Grab the Full Source Code

If you are a developer looking for a template to build a SaaS, or an agency looking to flip this to a travel client, I have packaged the entire source code (Frontend + Backend + Handover Docs).

Since it's my first launch here, I'm doing a huge 40% OFF discount for the first 5 buyers using the code FIRST5.

πŸ”— Get the Source Code on Gumroad

Let me know what you think of the architecture or UI in the comments! πŸ‘‡

Top comments (0)