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 - React, Sass, BEM, React-beautiful-dnd(drag&drop)

@stephenduenas

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 is my first ever react app. Feel free to give feedbacks :)

Community feedback

Abhik 4,840

@abhik-b

Posted

Hi Stephen 👋 ,Fantastic job on this challenge 🙌, it is very responsive 💯 , drag and drop sorting works perfectly 🔥

I took a look at your code and it is very readable and well organized , Kudos for that !!

** just a opinion - ** I guess clear completed button should clear only completed todos, currently it clears all todos

Happy Coding 😇 & Keep contributing these Fantastic solutions 🚀

1

@stephenduenas

Posted

@abhik-b Your feedback means a lot to me! I'll definitely change the clear completed button functionality. Thank you! 😁

0

@PhantomOz

Posted

Great job :thumbsup, you should fix your HTML & Accessibility issues.

1

@stephenduenas

Posted

@PhantomOz Thank you for your feeback! I'll fix those issues 😃

0

@PhantomOz

Posted

You should remove the type attribute from your style tag and also add the alt attribute to your img element, you should add the name attribute to your input element to fix the issues. Nice Job by the way :fire

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