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/