利用vuetify & firebase資料庫打造todo-list!(30 Days challenge-12)

前言

todo-list一直是著名的練習專案之一,之前在AC課程中也有用express,handlebar & mongoDB打造過一個,今天則利用最近在接觸的vuetify以及firebase資料庫來打造一個團隊用的todo-list!

使用技術

  • vue.js
  • vue-cli
  • vue-router
  • vuetify.js
  • firebase
  • date-fn

專案說明

基本上就是一個todo-list,稍微特別一點的地方就是設計給整個團隊使用,於是在Dashboard的部份你可以看到團隊所有成員的專案進行狀況,另外也有一個頁面是讓你瀏覽目前你自己的專案內容。使用者可以進行所有的CRUD操作,功能上相當的單純,主要目的還是熟悉vuetify&firebase的串接。整個實作過程其實並不困難,我commit分得挺細的,有興趣的朋友可以自行查看github頁面~!

這個成品其實還很不完整,使用者驗證的部分我還沒加入,所以目前只能作為單人的todo-list使用,之後我會再把使用者驗證的部分加入!

專案預覽

專案連結

github
demo

利用vuetify & firebase資料庫打造todo-list!(30 Days challenge-12) 有 “ 1 則迴響 ”

發表留言