Components

1. TodoList
2. TodoItem
3. TodoFooter
4. TodoHeader

Features:

TodoItem

1. Edit todo - (double-click on the todo text)
2. Save - (click outside todo-item input, press enter key)
3. Remove - click on the x
4. Complete - click on √

TodoList

1. Complete all / un-complete all
2. create new todo

Todo Footer:

1. Show (filter) All
2. Show (filter) Active
3. Show (filter) Completed
4. Show the current todo count

Run

$ serve ./

Ideas

1. Implement templating language like: http://slim-lang.com/