SvelteThemes
SvelteThemes
Themes
Resources
Jobs/Gigs
Paid
Updates
Submit
Svelte Todo
mattcroat
✔️ TodoMVC Svelte example
Need a Svelte website built?
Hire a professional Svelte developer today.
Download
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
tailwind
daisyui
admin template
popup
mdsvex
portfolio
blog
form
ecommerce
ui
carousel
auth
dark
seo
image
routing
Need a Svelte website built?
Hire a professional Svelte developer today.