https://github.com/cs-magic-open/badminton-reservation
基于 cursor 实现的羽毛球预约程序
https://github.com/cs-magic-open/badminton-reservation
Last synced: 4 months ago
JSON representation
基于 cursor 实现的羽毛球预约程序
- Host: GitHub
- URL: https://github.com/cs-magic-open/badminton-reservation
- Owner: cs-magic-open
- Created: 2024-10-14T22:16:45.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-24T16:12:49.000Z (over 1 year ago)
- Last Synced: 2025-04-15T19:34:16.428Z (about 1 year ago)
- Language: TypeScript
- Homepage:
- Size: 21.5 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# 羽毛球预约网站
这是一个适配手机端的羽毛球预约网站,使用Next.js和Tailwind CSS构建。
## 功能特点
- 用户输入日期
- 显示多个体育馆在该日期的可用时间段
- 使用泳道图可视化预约情况
- 绿色表示可预约,灰色表示已满
- 清爽可爱的设计风格
## 技术栈
- Next.js
- Tailwind CSS
- React
- TypeScript
## 如何运行
1. 安装依赖:
```
npm install
```
2. 运行开发服务器:
```
npm run dev
```
3. 在浏览器中打开 `http://localhost:3000`
## 项目结构
- `pages/`: Next.js页面
- `components/`: React组件
- `styles/`: 全局样式
- `types/`: TypeScript类型定义
- `utils/`: 工具函数
## 数据结构
预约数据点的格式: