Skip to content
Submitted almost 3 years ago

Mobile first todo app built with React Beautiful DnD and SCSS

Neil Khatri•620
@nkhatri7
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

I can't get the gradient border to work on hover, I tried a few different things but still didn't end up getting it. It's also my first time using React Beautiful DnD so it's not the best drag and drop todo app you'll see. Apart from that, how did I go?

Community feedback

  • hidayahmsabah•160
    @hidayahmsabahPosted almost 3 years ago

    Hi Neil, you did a good job overall!

    I would advice on specifying width for your header as 100vw so that it extends to the whole width of the monitor regardless of its viewport. You might want to check on the clear completed functionality because it does not work when all of the items are completed.

    Good job again!

    Marked as helpful
    1
    Neil Khatri•620
    @nkhatri7Posted almost 3 years ago

    @hidayahmsabah Oh yeah thanks for finding that bug! I'll definitely take a look into it. Thanks for the feedback :)

    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