https://github.com/guiril/pomodoro

使用 Vue.js 挑戰第二屆 The F2E 第一週關卡 - 蕃茄鐘。
https://github.com/guiril/pomodoro

Last synced: about 1 month ago
JSON representation

使用 Vue.js 挑戰第二屆 The F2E 第一週關卡 - 蕃茄鐘。

• Host: GitHub
• URL: https://github.com/guiril/pomodoro
• Owner: guiril
• Created: 2019-07-21T15:04:41.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T04:59:45.000Z (almost 2 years ago)
• Last Synced: 2023-06-12T06:28:24.413Z (over 1 year ago)
• Language: Vue
• Homepage: https://ouiis.github.io/pomodoro/
• Size: 9.35 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 蕃茄鐘 Pomodoro

* 使用 **Vue.js** 挑戰第二屆 The F2E 第一週關卡 - **蕃茄鐘**。

* 設計稿採用：https://challenge.thef2e.com/user/1461?schedule=2559

## 主要練習技術

* `new Date()` 物件運用。

* 以 **Vue.js** 為前端框架，並透過 **Vuex** 管理資料狀態。

* 以 **ESLlint - JavaScript Standard Style** 管理程式碼風格。

* 使用第三方套件 **Chart.js** 繪製客製化圖表。

## 功能介紹 

* 可新增待辦事項（to-do list）並記錄工作時間。

* 一個工作時間為 25 分鐘，休息時間為 5 分鐘。

### 計時器

* 初始畫面：開始蕃茄鐘或選擇任務。

* 計時器分別為工作時間與休息時間。

### 待辦事項

* 任務列表：分成進行中與已完成。

* 可新增待辦事項。

  

### 報表

* 分成週報表與日報表。

* 紀錄蕃茄鐘總數、任務總數、已完成幾個任務任務，以及專注了多少時間。

* 透過長條圖呈現數據週數據。