ToDo app built with React | React Redux | SASS
Design comparison
Solution retrospective
Hello everyone,
Here's my classic To-do app project. For this project, I used React and for the first time I used React Redux to manage state. It is something that I'm still learning so it was a nice project to start getting the hang of it. There is a light/dark theme, I added a clickable icon in the area where the user writes the to-do, I think it's more intuitive to have a button there. As an extra, I also added the option to edit the todo, all you need to do is either click on the little pencil icon or click on the task itself, then to save, you need to click anywhere else on the page and it will save the to-do once the field loses focus. Everything is being stored in localStorage including the preferred theme.
I forgot to write at the bottom about the Drag and Drop but I will add that later on. The Drag and Drop functionality is working and I used the react-beatiful-dnd library for that.
Everything is responsive of course and will adjust accordingly. For the first I used the clamp function and it is pretty cool, definitely something I will be using more often.
As this is my first time using redux, there's probably areas that I can improve and not only Redux, but React in general so, if you are a React developer, please have a look at my code and any feedback is welcome!
Happy coding 🤓
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord