Date: 2019F2E精神時光屋第一關番茄時鐘Front-End: Vue.js、Vue Router、Vuex、Vue-Chartjs、Svg-Progress-Bar
使用Vue Cli建立專案,透過Vue Router切換不同功能,利用Vuex管理共同變數與方法,讓所有變數與方法可以在不同的元件與路由內可以存取與使用。此專案也用了Svg-Progress-Bar做了首頁的圓形計時器,Vue-Chartjs完成番茄時鐘統計表。
原始碼Demo