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 app with Sass and flexbox responsive

@PabloBezerra

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


The bonus part of the drag and drop was a real challenge; I had a lot of trouble applying this functionality. Most likely the script I made for the drag and drop is not very well optimized for this, but you can give your opinion if you see something to improve, not only in this aspect but in any other.

In addition to what I've proposed, I've added another feature to edit the task that has already been created. I thought this was missing to complete the challenge.

Community feedback

@MachadoA

Posted

Hello Pablo!!

Congratulations for the project! I suggest that you try in React. You'll see is more easy.

See you soon

1

@PabloBezerra

Posted

@Machado I imagine it is! But the challenge I set myself was to do it in pure JavaScript, I don't know if that was a good idea but...

0

@MachadoA

Posted

@PabloBezerra

It's a good idea!! But in vanilla JS, you write more code. That's it! ;-)

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