A todo web-app

Hi y'all 👋. This is my solution to the todo app challenge complete with dark mode and drag and drop functionality. Also this feels like something that should work offline, so I made it a PWA, with the app data kept in local storage.

The best part of this project for me is that I got to test out a new part of JavaScript I've been learning - "The Proxy Object" which I used to create a crude reactivity system and couple the app state to the UI

The part I found just a tad tricky was the drag-n-drop, but I later figured the answer was just to switch the order of the todos. I also focused a tad more on accessibility.

Technologies used:

• Typescript
• sass
• vite

And just to add, the illustration for the empty state is from undraw.co

Anyhow, please if you can, take some time to check it out and as always, feel free to comment on anything in the code.

Happy coding,
Ayobami