Submitted about 3 years ago

todo app - local storage / sortable js library / scss / flexbox

Conrad•950

@ConradMcGrifter

Preview site View code

This is a solution for...Todo app

HTML
CSS
JS

3intermediate

Design comparison

SolutionDesign

Solution retrospective

css variables for theme toggle and styling pseudo elements
local storage for theme selection + todo list (won't save completed todos)
sortable js library was used to make the items sortable with drag and drop

let me know what you think or if you spot any mistakes

Community feedback

Carlos•1,110
@Carlos-A-PPosted about 3 years ago
It looks really good and I like how fluid it feels. The only thing I'd try doing next is seeing if you can make it more accessible. If I try tabbing through the app, I'm not able to select anything from the list which is why I used buttons for the list settings. However, I still haven't figured out how to checkbox inputs aha
Marked as helpful
0
Conrad•950
@ConradMcGrifterPosted about 3 years ago
@Carlos-A-P thank you for pointing that out, I will change my HTML to use buttons for the controls asap
0

Please log in to post a comment

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