ToDo App with React & CSS

Well here we are with the (in)famous ToDo list. Although not a very creative project in general, I really liked the additions in this particular design like the filters and color modes.

Besides a few very little design changes, I've added the use of local storage to the project and used the brand new CSS Native Nesting functionalities which I am starting to love more everyday.

Unfortunately I did not manage to get the drag&drop working. I've tried 2 different React libraries for that, but they failed miserably despite me trying to understand the docs. It's a bit of a complex concept still. I guess it's better to go try and learn to implement it 'vanilla'. If anybody has any idea's or tips on implementing Drag&Drop, I'd love to hear it. There will definitely be a second iteration of this project sometime with the functionality.

Learnings

• Creating a proper drag & drop is pretty hard (to be continued...).
• Some new insights in how to work with and edit local storage.
• Manipulating user-dynamic data, opposed to static data like JSON and so on.
• Getting more comfortable in using global context instead of prop-drilling.
• Creating custom checkboxes in CSS is still a pain... (why is this even still a thing?)