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 application with theme toggle, using React and styled-components

#react#styled-components
davidthus 140

@davidthus

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


What libraries could I use to implement Drag 'N' Drop? React beautiful DND does not work with styled-components.

Community feedback

@PeshwariNaan

Posted

Hello Davidthus - Great job on completing the challenge. Things look pretty good.

Here are a couple things that might help with your code.

  • I was also struggling to implement Beautiful dnd with styled components and I was able to make it work. Check out my solution HERE and you can see how I did it.

  • Change the background image to 100vw to cover bigger screens. I know the design specs say its for 1440px but lots of people have bigger screens than that and there are big gaps on the sides of the image when I view it. I typically design the main containers that hold the components to the design parameters but make sure that the background and background images are responsive to any size.

I hope you find this helpful - Happy coding

Marked as helpful

2

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