Skip to content

cafe9k/VibeCodingDemo

Repository files navigation

无线旅行 MVP - 多模块预订平台

这是一个仿无线旅行网站的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: 在线访问

📦 部署到 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/ 目录:

项目结构

VibeCodingDemo/
├── src/              # 源代码
│   ├── components/   # 通用组件
│   ├── pages/        # 页面组件
│   ├── services/     # API 服务
│   ├── store/        # 状态管理
│   └── utils/        # 工具函数
├── supabase/         # 数据库迁移和种子数据
├── docs/             # 项目文档
└── public/           # 静态资源

注意事项

  1. 这是一个 MVP 演示项目,不适合生产环境使用
  2. 使用模拟数据,无真实支付功能
  3. Supabase 免费版有使用限制

许可证

MIT License

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published