Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 2 years ago

react todo list with dark and light toggle

accessibility, animation, react
Gift Richardโ€ข520
@fibonacci001
A solution to the Todo app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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! โœจ

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Gift Richard's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
ยฉ Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License