Submitted over 4 years ago

Solution with Vue.js, Vuex and Sass

@yinonhever

A solution to the Todo app challenge

Solution retrospective

I used Vuex to manage the state of the list items and the dark/light theme. The list in its updated order is also saved into the local storage, so it remains the same after refreshing the browser.

Code

Please log in to post a comment

Community feedback

ApplePieGiraffe•30,525
@ApplePieGiraffe
Posted over 4 years ago
Hey, Yinon Hever! 👋

Nice job on this challenge! Everything looks great and works well! 👏

I especially like the way the hero background image transitions in between light/dark themes! 🤩

Kudos for adding local storage functionality, too! 👍

Perhaps just consider taking a look at your solution report and making your solution a little more accessible. 😉

Keep coding (and happy coding, too)! 😁
Guy Ezra•615
@ezraguy
Posted over 4 years ago
Hey @yinonhever, Great Job! the challenge looks great and I especially love the smooth transitions. I have only 2 suggestions. 1.In mobile mode (600px width breakpoint) maybe make the text a little bit bigger because it's a little bit hard to read. 2.When choosing a different mode of filtering (active, completed) maybe change the "All" option color to white so its clear to the user which filter he is viewing right now. Awesome job!

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