# to-do list講義架構討論

# 我們現在的進度
* 基本刻板
* 時間顯示

# 我們還剩下甚麼部分(完整版)
<!-- * 設定背景
* 背景模糊：CSS
* 顯示名稱
* 待辦清單
-->
- [Final Project 創意發想](/9Q4d9pIhSX-khqfSg_Q1ww)
- [My New Tab 設計目標](/FlQ9f_WMRUadJ6pravx6bQ)
- [基本刻板 (HTML+CSS)](/uTnXsXytTqW4igO2iHYa4A)
- [時間顯示 (JS)](/N0zw9_VfTNKa8e2IjFvyug)
- [設定背景與顯示名稱 (JS)](/r1swnAxP2)
- [待辦清單 (JS)](/SknNiAgD3)

- 設定背景與顯示名稱(JS):without setting
- name跟背景是寫死的 (用Js變數儲存，保留getSetting)
- 背景的CSS設定(ok)
- 保留存取設定(setting)的function，以及渲染(render)名稱、背景的function
- updateWindow()
- getSetting()
- renderName()
- renderBackground()

- 待辦清單(JS)
- LocalStorage
- JSON
- init(): Listener
- renderList()
- Template
- getData()/setData()
- addNewListItem()
- changeItemState()/changeListState()
- Reset Btn (reset資料，取代setting btn的位置)

- 擴充功能
- 準備一份完整的資料放在雲端，包含bootstrap, fontawesome的檔案
- manifest.json

# 可以簡化的方向
* 把某個需要的功能改成optinnal
* 直接提供code給他們

* 霧面背景
* 存取資料的function
* 設定的部分