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 react , react-beautiful-dnd, mongodb realm

#mongodb#react#sass/scss
P
Chamu• 12,970

@ChamuMutezva

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


Another exciting challenge which pushed me further in this coding journey. The drag-and-drop feature was my main challenge but proved easy at the end using the react-beautiful-dnd. However i realise that react-beautiful-dnd added some attributes to the html structure which is causing some issues according to the report. One notable is the li elements which have been given a role of button, in order for the drag and drop feature to happen. Any feedback is welcome

Community feedback

@papilo-cloud

Posted

Hi Chamu, I am a big fan, another nice work. I think there is a problem with the clear complete button, it's not working

1

P
Chamu• 12,970

@ChamuMutezva

Posted

@papilo-cloud, thanks for the feedback, I will take a look at it

0
P
Chamu• 12,970

@ChamuMutezva

Posted

@papilo-cloud , thanks once again. I have solved the issue, my implementation was not correct - i had focused on resetting by removing(unchecking) completed tasks instead of removing them from view. Please check again if the implementation is correct

1

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