chore: initialize Vite React TypeScript app
This commit is contained in:
60
README.md
Normal file
60
README.md
Normal file
@@ -0,0 +1,60 @@
|
||||
# 羽毛球記分板
|
||||
|
||||
使用 `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
|
||||
```
|
||||
|
||||
## 後續可擴充功能
|
||||
|
||||
- 單打 / 雙打模式
|
||||
- 發球權切換
|
||||
- 局數統計
|
||||
- 比賽計時
|
||||
- 賽程與場地管理
|
||||
Reference in New Issue
Block a user