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

To do app w/ React, Firebase and beautiful dnd

#firebase#react#sass/scss#accessibility
Yuko Horitaβ€’ 645

@Sloth247

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


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

@mariam11ibrahim

Posted

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

@Sloth247

Posted

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

0
mariamβ€’ 120

@mariam11ibrahim

Posted

@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

@Sloth247

Posted

@mariam11ibrahim Fixed! Thanks 😊

0

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