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+Redux toolkit

kirty 380

@kirtymeena

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 most challenging part was designing a custom checkbox and I still can't figure out how to set a gradient color border for round checkbox I haven't implemented drag and drop but added one extra feature to edit to-dos. I am having issues in implementing drag and drop so working on it. Feedback is welcomed.

Community feedback

@dostonnabotov

Posted

Hi, there. That looks perfect! However, I found a little issue. When you cross out/complete task, the items remaining is not updating. And, everything looks great. Good luck!

Marked as helpful

1

kirty 380

@kirtymeena

Posted

@dostonnabotov hey, thanks I will fix that.

0
Alex 330

@CallMe-AL

Posted

Looks good Kirty! Cool change from the main design of editing tasks. I recently completed the challenge, too. I included some links in my GitHub repo that helped me implement the drag-and-drop API in my own project you might find helpful!

If I could offer a couple suggestions, I'd add transitions to elements effected by the theme switch and increase the font-size a bit for the bottom buttons.

Nice work overall, keep it going!

Marked as helpful

0

kirty 380

@kirtymeena

Posted

@CallMe-AL thanks, Links were helpful will try to implement drag n drop.

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