
Todo App - React | SASS | LocalStorage | Theme & Sound Mode
Design comparison
Solution retrospective
Hello Devs! 👋
Completed another challenge on Todo app! Made minor changes in the UI as per my creativity and to improve user experience.
Some additional challenge features:
-
Adding a button to create Todo in the textbox considering the mobile first approach to avail user to create todo on tapping the same.
-
Added count of 'Active' & 'Completed' respectively to get the idea of the todo state counts.
-
Added sound effects to communicate using 2 human senses instead of 1. There is also option to toggle Sound mode on
Mute
orUnmute
. -
Used Localstorage to store the user data & fetch it from there on reload.
Todo on 'Todo' 😊:
-
Add Drag & Drop functionality. Will add this later.
-
Trying on adding some cool animations with GSAP, finding it tough to implement in React.
Would be happy to get some suggestions and feedback on this challenge. Thank you! 😊
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