Skip to content
Voodoo.js

Todo list

Add, complete, edit, filter and reorder. One HTML file, no build step, and the list survives a reload.

{ pendingLabel }
  • { task.title }

{ emptyTitle }

{ emptyHint }

{ completedLabel }

Since your first visit: { $store.stats.created } tasks created and { $store.stats.completed } marked as done. Those two numbers live in a global store, kept apart from the component state.

Enter adds and saves Esc cancels the edit Space and arrows reorder