TomatoClock

簡潔、響應式的番茄鐘網頁工具，協助使用者以固定專注區間完成工作或學習。介面支援繁體中文／英文與深淺色主題，適合桌面與行動裝置。

功能

• 25 分鐘專注倒數計時
• 開始、暫停與重設控制
• 繁中／英文介面，語系偏好保存在瀏覽器
• Light／Dark／System 主題
• 響應式版面
• 完成倒數後顯示通知訊息

技術棧

React 19 · TypeScript · Vite · Tailwind CSS 4 · i18next · next-themes · Sonner

本地開發

npm install
npm run dev

品質檢查與正式建置：

npm run lint
npm run build

專案結構

src/
├── components/       # Theme provider
├── i18n/locales/     # English and Traditional Chinese copy
├── pages/            # Timer page and interaction logic
├── App.tsx           # Route entry
└── main.tsx          # Application bootstrap

後續可延伸

• 自訂專注與休息時間
• 工作／休息階段自動切換
• 瀏覽器通知與提示音
• 每日專注統計