61 lines
813 B
Markdown
61 lines
813 B
Markdown
|
# 羽毛球記分板
|
||
|
|
|
||
|
|
使用 `Vite + React + TypeScript` 初始化的前端專案，作為羽毛球記分板與賽事畫面的開發基底。
|
||
|
|
|
||
|
|
## 技術堆疊
|
||
|
|
|
||
|
|
- Vite
|
||
|
|
- React
|
||
|
|
- TypeScript
|
||
|
|
- ESLint
|
||
|
|
- Docker / Nginx 靜態部署
|
||
|
|
|
||
|
|
## 開發指令
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm install
|
||
|
|
npm run dev
|
||
|
|
```
|
||
|
|
|
||
|
|
本機開發預設網址：
|
||
|
|
|
||
|
|
```text
|
||
|
|
http://localhost:5173
|
||
|
|
```
|
||
|
|
|
||
|
|
## 建置
|
||
|
|
|
||
|
|
```bash
|
||
|
|
npm run build
|
||
|
|
```
|
||
|
|
|
||
|
|
建置完成後，輸出會在 `dist/`。
|
||
|
|
|
||
|
|
## Docker 打包
|
||
|
|
|
||
|
|
建立映像：
|
||
|
|
|
||
|
|
```bash
|
||
|
|
docker build -t badminton-scoreboard .
|
||
|
|
```
|
||
|
|
|
||
|
|
啟動容器：
|
||
|
|
|
||
|
|
```bash
|
||
|
|
docker run -d -p 8080:80 --name badminton-scoreboard badminton-scoreboard
|
||
|
|
```
|
||
|
|
|
||
|
|
啟動後可由以下網址檢視：
|
||
|
|
|
||
|
|
```text
|
||
|
|
http://localhost:8080
|
||
|
|
```
|
||
|
|
|
||
|
|
## 後續可擴充功能
|
||
|
|
|
||
|
|
- 單打 / 雙打模式
|
||
|
|
- 發球權切換
|
||
|
|
- 局數統計
|
||
|
|
- 比賽計時
|
||
|
|
- 賽程與場地管理
|