Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

react todo list with dark and light toggle

Gift Richardโ€ข 520

@fibonacci001

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm really proud of how my todo app turned out! ๐Ÿฅณ Building it from scratch using React was a fun challenge that helped me level up my skills. ๐Ÿ’ช

I think the overall user experience is smooth - the interactivity feels natural and the responsive design works well on all device sizes. ๐Ÿ“ฑ The light/dark theme toggle is a nice touch too! ๐ŸŒž๐ŸŒ›

Looking at my code, I'm happy with how I organized the components and maintained separation of concerns. ๐Ÿ‘Œ Splitting the CSS into modular files also kept things tidy. ๐Ÿงน

I found managing state for the filters a bit tedious, so exploring hooks like useReducer could help simplify that code. ๐Ÿค“ And I'm intrigued by TypeScript - static typing seems like a helpful addition for catching bugs as the app grows. ๐Ÿž

All in all, this challenged me to sharpen my React skills and taught me a ton about best practices. ๐Ÿง  I'm feeling motivated to keep learning and build more ambitious projects. โœจ The key is staying curious, taking feedback constructively, and not being afraid to make mistakes along the way. ๐Ÿค

I'd love any feedback from other devs on where I can improve. ๐Ÿ™‹โ€โ™‚๏ธ And if anyone has project ideas or wants to collaborate, I'm open to that too! ๐Ÿค Still lots more to learn but feeling energized by the progress I've made so far. Onward! โœจ

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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