番茄時鐘

Date: 2018
F2E精神時光屋第一關番茄時鐘
Front-End: Vue.js、Vue Router、Vuex、Vue-Chartjs、Svg-Progress-Bar

使用Vue Cli建立專案,透過Vue Router切換不同功能,利用Vuex管理共同變數與方法,讓所有變數與方法可以在不同的元件與路由內可以存取與使用。
此專案也用了Svg-Progress-Bar做了首頁的圓形計時器,Vue-Chartjs完成番茄時鐘統計表。

原始碼
Demo

Back