Responsive todo app with day and night modes

Solution retrospective
This is probably the most genuinely useful thing I've built so far. I built the functionality pretty quickly, but took a little longer with the styling. To those who have built this one: what was your biggest challenge with the project?
Some things that were new to me:
- The content <template> element
- Adding a gradient border with border radius and the
::before
pseudo-class - Bonus: Implemented localStorage, so users won't lose their todos on page refresh
Some things I did not include in v1:
- Finessed transitions for creating/deleting todos, toggling day/night modes, or any of the hover states
- UPDATE: Added drag and drop on 11/7 (built from scratch using VanillaJS - desktop only)
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Elyse Kanagaratnam's solution.
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