hannah26hannah / vuejs-todolist-2.0

🎊 Vue.js TypeScript (Todo + Charts + Calendar)

vue-todolist-2

Demo

Used

• Vue.js
• TypeScript
• TailWinds
• Handling SVG Graphics & Animation with anime.js
• Manage state with Vuex
• Display data with chart.js reactively

Progress Log

• add TypeScript plugin vue add typescript (2021-01-11)
• reformed old code (2021-01-12)
• add & improve components with updated types (2021-01-21)
• improve css with Tailwinds (2021-01-21)
• divide pending / completed section (2021-01-22)
• add darkmode anime.js (2021-01-24)
• fix typeError on Header.vue (2021-01-26)
• Access Issue for Property "$anime" (2021-01-27)
• Add Pie Charts (2021-01-31)
  • [Vue-todo-list] #4 chart.js로 todo data 시각화하기 (2) - Pie Chart
• Add Calendar Feature (2021-02-06)
  • [Vue-todo-list] #1 Date 객체를 이용해 달력 숫자 구하기/지난 날짜, 오늘 날짜 구별을 위한 CSS 스타일링
• Store/display full week's rate data on Line Chart (2021-02-07)
  • [Vue-todo-list] #3 chart.js로 todo data 시각화하기 (1) - Line Chart
• add category control feature (2021-02-07)
  • [Vue-todo-list] #2 카테고리가 있는 Todo List 만들기
• delete feature for category (2021-02-08)
• Deploy on Github Page (2021-02-10)
• Responsive Design (2021-02-14)