Responsive to-do app with theme switch, drag-and-drop, and SCSS
Design comparison
Solution retrospective
First chance to use the drag-and-drop API in a project! It uses localstorage to save tasks, too. Had some issues figuring out how to make the reordering of elements easier to see, but the videos linked in the ReadME helped me think through the problem. I still have a couple questions, however:
-
What would be the best way to create a drag-and-drop feature on mobile, since the API only works for desktop?
-
Based on the screenshots, the hover effect over the checkboxes seems to have a linear-gradient effect on the box's border. I couldn't figure out how to replicate that... any suggestions?
Thanks for looking! Hope you like it!
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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