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

Full Stack Todo App

react, styled-components, firebase
lieneil•560
@NJVS
A solution to the Todo app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


After a couple of months of playing with React, this is my first project using it. I picked this challenge because I think this is a very good project to familiarize myself with the basics and react hooks. I also try how backend works so I use Firebase real-time database to save the tasks. I didn't add the drag and drop feature for now because I can't find a way to reorder data from the server without deleting the entire set of data and just re-uploading the updated set of data. If someday I find a solution to this, I'll add it to this project. And for styling, I use styled-components because I'm not a fan of CSS-in-JS or CSS modules.

If you have any suggestion/feedback on how I can improve and reduce unnecessary code, please don't hesitate to comment. Thanks.

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 lieneil'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
  • Use cases

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