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, with drag & drop using Qwik and Tailwind

Mcnafaha 240

@TheMcnafaha

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


How does the dragging behavior feel?

Community feedback

@Blackpachamame

Posted

Ok, something strange happens here and when you open the site for the first time it looks empty, you only see the banner and the background, but you don't see the task list. When you refresh the page everything looks normal. You should check why that happens.

I can also tell you some things:

  • The drag and drop looks great 😎
  • Although the tasks that I add or delete persist when I refresh the page, the same does not happen with the order I give them, that is, I change their position and when I refresh the page they return to where they were originally
  • If the task text exceeds the maximum width of the container, the part of the text that overflows goes down. This is fine in theory, the problem is that the check is above the text, it doesn't look good
  • If tasks have little text, the container width is reduced to a minimum, this also doesn't look good
  • The icon that appears to change the theme in dark mode should be the sun. Vice versa with the clear theme

You did a great job, it was a difficult task and you handled it well 💪

Marked as helpful

0
P
Haydn Kerr 535

@haydnkerr

Posted

Just so you're aware the preview site doesn't load properly to see the site

0

Mcnafaha 240

@TheMcnafaha

Posted

I'm not sure what you mean? Are you talking about the screenshot that Frontend mentor shows? @haydnkerr

0
P
Haydn Kerr 535

@haydnkerr

Posted

all good it works now! @TheMcnafaha

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