我用 React 与 FastAPI 构建了实时巴士预订系统 🚍

Source: Dev.to

概览

我构建了一个完整的 “SaaS‑in‑a‑box” 公交预订平台 Ani Travels，以解决并发处理的难题——确保两个用户不会在同一时间预订同一个座位。

技术栈

• 前端: React (Vite) + Tailwind CSS + Framer Motion（流畅的页面过渡和交互式座位映射）
• 后端: Python FastAPI（异步执行）
• 数据库: MongoDB
• 实时锁定: WebSockets —— 当用户选中座位时，所有活跃会话会立即锁定该座位。

功能

• 动态搜索公交线路
• 交互式可视化座位选择 UI（类似 MakeMyTrip/Redbus）
• 结账表单及后端支付处理流程
• 完整的管理员仪表盘，可添加线路、分配公交车并监控预订情况

在线演示

体验在线演示
（后端运行在 Render 的免费层，首次访问可能会有约 50 秒的冷启动时间。）

源代码

完整的源代码、详细的搭建说明以及用于填充数据库的种子脚本均可购买获取：

在 Gumroad 上获取完整源代码

反馈

期待收到建设性的反馈！在你的项目中是如何处理复杂的预订架构的？