mattcroat/svelte-todo

:heavy_check_mark: TodoMVC Svelte example

Svelte Todo

TodoMVC in Svelte.

Feature list:

• Add todo
  • Input should be focused when page loads
  • Only show add todo if there are no other todos
  • After adding todo clear and focus input
  • Only show chevron if there are todos
  • Use enter to add todo
  • Mark todo as completed
  • Mark all todos as completed
  • Mark all todos as uncompleted
• Remove todo
  • Hovering over a todo shows the option to remove it
• Edit todo
  • Using escape and enter saves the edit
  • When focus leaves input save todo
• Show how many todos are left
  • Use item when there's a single todo and items for many
• Filter todos by all, active, completed
  • Highlight selected filter
• Clear completed todos
  • Show only when there is at least one completed todo
• Persistent storage
• Animations
  • Todo slides in when added
  • Todo fades out when removed
• Add tests