Make a Svelte Todo App #16 - Adding Animations @JoyofCodeDev
Make a Svelte Todo App #16 - Adding Animations  @JoyofCodeDev
Uploaded January 2022 | Updated September 2026, 2 weeks ago
In this video I show you how to add animations to the Svelte todo app.

▢️ Series:

1. The Project
πŸ”— youtube.com/watch?v=cQYLPhBmqG8
2. Learn From Reverse Engineering
πŸ”— youtube.com/watch?v=c0fzQRDyPXw
3. Project Setup
πŸ”— youtube.com/watch?v=kU_dO0gP6hc
4. Path Alias
πŸ”— youtube.com/watch?v=2CQm1rC7IDk
5. Global Styles
πŸ”— youtube.com/watch?v=2HHE2zexu1o
6. Markup
πŸ”— youtube.com/watch?v=OU_xQ0xoIuc
7. Showing List of Todos
πŸ”— youtube.com/watch?v=ro2p42Pj1Jk
8. Adding Todo Items
πŸ”— youtube.com/watch?v=3rEhlqLdNag
9. Completing Todo Items
πŸ”— youtube.com/watch?v=8Hx8m7g5GEU
10. Removing Todo Items
πŸ”— youtube.com/watch?v=HtyKg9PDGcQ
11. Editing Todo Items
πŸ”— youtube.com/watch?v=zUKqwpLr468
12. Showing Todos Left
πŸ”— youtube.com/watch?v=QeCCudTGHd0
13. Filtering Todo Items
πŸ”— youtube.com/watch?v=CDyPP1hhh5k
14. Clearing Completed Todos
πŸ”— youtube.com/watch?v=CVcCacreDIc
15. Adding Persistent Storage
πŸ”— youtube.com/watch?v=gugYmW5Edc8
16. Adding Animations
πŸ”— youtube.com/watch?v=UZzqdIZnCTk
17. Keep Learning
πŸ”— youtube.com/watch?v=Dd3ar195KB8

πŸ‘‰οΈ Links:

Svelte For Beginners Post
πŸ”— https://joyofcode.xyz/svelte-for-beginners

Make a Svelte Todo App Post
πŸ”— https://joyofcode.xyz/svelte-todo-app

πŸ‘‰οΈ List of what I use:

πŸ”— https://joyofcode.xyz/uses

πŸ‘‰οΈ Music:

"CrazyJaZz - Happiness"
πŸ”— jazzhopcafe.bandcamp.com/track/happiness
Make a Svelte Todo App #16 - Adding AnimationsLearn How SvelteKit WorksTypeScript Fundamentals - #15 Enums and TuplesMake Sure Your Site Looks Great In Every Browser With PlaywrightTesting For Beginners #8 - Add Todo ComponentMaster The Svelte Context APIEverything You Should Know About Working With Forms In SvelteKitStop Using Types In SvelteKitAvoid Async Effects In SvelteHow To Publish Your JavaScript Code To Npm With SvelteKitHow To Not Suck At Design For DevelopersTypeScript Fundamentals - #4 Type Inference And Type Annotations
Joy of Code |

Make a Svelte Todo App #16 - Adding Animations

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER