这是一个仿无线旅行网站的MVP项目,包含机票、酒店、火车票预订功能。
- 前端: React 18 + Vite + TailwindCSS + DaisyUI
- 状态管理: Zustand + React Query
- 后端: Supabase (PostgreSQL + Authentication)
- 部署: GitHub Pages
✈️ 机票预订: 搜索航班、查看详情、在线下单- 🏨 酒店预订: 浏览酒店、选择房型、预订入住
- 🚄 火车票: 搜索车次、选择座位、购票
- 👤 用户系统: 注册登录、个人中心、订单管理
在 Cursor 编辑器的 chatbox 中输入:
/run
该命令会自动检查端口占用、安装依赖并启动开发服务器。
# 安装依赖
npm install
# 配置环境变量(创建 .env.local)
VITE_SUPABASE_URL=your_supabase_project_url
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
# 运行开发服务器
npm run dev访问 http://localhost:5173
项目已部署到 GitHub Pages: 在线访问
快速部署步骤:
# 1. 推送代码到 GitHub
git add .
git commit -m "feat: 配置 GitHub Pages"
git push origin main
# 2. 在 GitHub 仓库设置中启用 GitHub Pages
# Settings > Pages > Source 选择 "GitHub Actions"
# 3. 等待自动部署完成(约 2-3 分钟)详细部署说明请参考: GitHub Pages 部署指南
详细文档请查看 docs/ 目录:
- 完整 README - 详细的项目说明和配置指南
- Supabase 配置指南 - 数据库设置和配置步骤
- 使用说明 - 功能使用和操作指南
- 项目总结 - 项目架构和技术细节
- GitHub Pages 部署 - GitHub Pages 部署完整指南
VibeCodingDemo/
├── src/ # 源代码
│ ├── components/ # 通用组件
│ ├── pages/ # 页面组件
│ ├── services/ # API 服务
│ ├── store/ # 状态管理
│ └── utils/ # 工具函数
├── supabase/ # 数据库迁移和种子数据
├── docs/ # 项目文档
└── public/ # 静态资源
- 这是一个 MVP 演示项目,不适合生产环境使用
- 使用模拟数据,无真实支付功能
- Supabase 免费版有使用限制
MIT License