Skip to content
Submitted almost 3 years ago

To do app w/ React, Firebase and beautiful dnd

Yuko Horita•645
@Sloth247
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

This was more challenging than expected...! I used firebase to store the data as the background, and build frontend with React.js. I enjoyed working with cloud database, it is my first full-stack app (after WP as backend).

  • When I check the checkbox in the todo list, the checkbox in input field at the top is also checked. How can I fix this?

I appreciate if anyone could look into these issues.

Community feedback

  • mariam•120
    @mariam11ibrahimPosted almost 3 years ago

    Greate work Yuko 🎉. I like your clean Report 😃. I think for the input checkbox issue you can do it as a div there is no need to make it a checkbox 🤔. also, there is a CSS issue in the background when there is a few tasks or no tasks.

    I hope this can help you.

    Marked as helpful
    0
    Yuko Horita•645
    @Sloth247Posted almost 3 years ago

    @mariam11ibrahim thanks for your feedback, could you clarify what issue in background you see if you don’t mind?

    0
    mariam•120
    @mariam11ibrahimPosted almost 3 years ago

    @Sloth247 The background color is not taking the full height of the viewport. You can notice it in the dark theme Try this in App.css file .App{ min-height:100vh;}

    Marked as helpful
    0
    Yuko Horita•645
    @Sloth247Posted almost 3 years ago

    @mariam11ibrahim Fixed! Thanks 😊

    0

Please log in to post a comment

Log in with GitHub

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