An open API service indexing awesome lists of open source software.

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 实现的羽毛球预约程序

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/`: 工具函数

## 数据结构

预约数据点的格式: