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