Online Javascript Todo list application. Online preview: ciaoshen.com
This project is developed with MVC pattern.
store.js
: It knows only how to read/write string data from/toDocument.localStorage
.model.js
: A DAO(Data Access Object) API. It's aware of the data structure ofItem
and other objects. And knows how toinsert
,update
,delete
andread
these data.
view.js
: All DOM manipulations go to this file.template.js
: A helper ofview.js
. Only used to store HTML templates.
controller.js
: A general manager. He is the only one who knows all the logic of different features. But he is blind from both data and DOM.model.js
andview.js
do these concrete tasks for him.
Data is stored in browser's Document.localStorage
. Refresh the page or close the browser will not cause to lose user's todo list.
Inspired by Github design style (including color palette). Keep everything simple but robust.
Happy coding!