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

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes