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

Todo app using Firebase

#firebase#react#tailwind-css#react-router
Alberto Ledesmaโ€ข 370

@AlbertoLed

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


Hi everyone ๐Ÿ‘‹

It's been a while since my last challenge. This challenge pushed me to the limit. It's been the most demanding project I've ever done. I spent a lot of time learning about React DnD, React Router, and Firebase.

I am proud of:

  • The dark/light theme preference is saved in local storage.
  • I used the React DnD utilities to build the drag-and-drop reorder list.
  • This is my first project working with Firebase to manage user authentication and save user data.
  • I used React Router to manage all the routes.
  • Lastly, I designed all the extra pages (Login, Sign-Up, etc.)

It's been a great project to work with.

All feedback is appreciated. Happy coding โœŒ๏ธ

Community feedback

XIIIโ€ข 790

@minibrusp

Posted

Nice Work Man. The solution is awesome. I love how the landing, signup and login looks. And also nice touch with using the firebase as a backend. I'll be looking forward with more ideas in the future.

1

Alberto Ledesmaโ€ข 370

@AlbertoLed

Posted

@minibrusp, thank you so much! I'm glad to hear that. Your comment encouraged me to keep going.

1

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