Skip to content
Submitted about 3 years ago

To do list with sorting ability and switch from light to dark theme

hidayahmsabah•160
@hidayahmsabah
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I have trouble with getting the clicking events working on iOS, works fine on desktop and Android. Tried solutions from stackoverflow to switch from div to anchor, making sure the cursor: pointer on the clickable elements, but nothing works.

Any other solution is very much appreciated!

Community feedback

  • Fury•945
    @ashiqfuryPosted about 3 years ago

    Great work..

    • You need to fix that, it adds the list with only whitespace. A list with no characters are not considered as a list.
    • all, active and completed buttons in the bottom are also behaves like a dragable element, you need to fix this also.
    • Store theme value in browser local storage, so that selected theme never change when reloading the page.
    • Using some animations make this app even cool. (especially when toggling theme)

    Thank you

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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