Fully Animated and Responsive Todo App! | Svelte | WindiCSS | UI

Yoooo What's going? Well this one was really fun to build. I used Svelte with TypeScript with the built-in animations and created custom hooks for handling all state. No need to install any state management nor animation library so the app is really small. I also added my own component library and used some of its additional utilities.

The drag and drop didn't make it, sigh. I tried to use a library but had a bug so I had to leave it for another day.

One thing I am not really sure about is:

• Upon adding a new Todo, the filter resets back to all so that you can see it at the top regardless of whether it is complete or not. Maybe I should preserve the current filter or use the state of the new Todo as a filter. What do you guys think would make a better UX?

Anyways thank you for viewing/feedback. Hope you guys are doing great and never give up. Peace!