# 羽毛球記分板

使用 `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
```

## 後續可擴充功能

- 單打 / 雙打模式
- 發球權切換
- 局數統計
- 比賽計時
- 賽程與場地管理