番茄鐘

精神時光屋 - 個人檔案

精神時光屋 - 參考設計稿

主要功能

• 新增待辦事項及日期。
• 紀錄指定待辦事項花了幾個番茄 (25分鐘) 完成。
• 統計整體待辦事項所花費的時間及分別花的時間。
• 提供兩種鬧鐘鈴聲讓使用者選擇。
• 番茄鐘能開始、暫停、繼續及略過倒數時間。

使用技術

• 使用 Vue-Cli 開發專案。
• 使用 Vue-Router 套件管理路由。
• 使用 BootstrapVue 框架。
• 使用 VueApexCharts 呈現統計圖表 。
• PWA (Progressive Web App) 設定。
• RWD 響應式網頁設計。
• 使用 Sass 預處理器管理 CSS。
• 使用 Pug 編寫程式碼。
• 使用 ESLint 管理程式碼風格。

頁面截圖