Skip to content
Submitted about 3 years ago

Todo App with SASS/vanilla JS + added search function

sass/scss
DanielK•440
@DanK1368
A solution to the Todo app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi guys,

Please provide some feedback. :)

The app isnt perfect, I still have some problems to fix:

  1. background-image: url("../../../assets/icon-check.svg"); This is my file path for the check mark inside the button. However, github pages isnt displaying it. Isnt that the relative file path to be used if the file is 3 layers deep?

  2. The draggable feature works on the todo items that are already there. However, the code breaks once new todos are added? What am I doing wrong?

Thanks guys :)

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Byron•2,290
    @byronbyron

    @DanK1368 Looks good!

    1. background-image: url(../../assets/icon-check.svg); will get you the checkbox!
    2. It sounds like your todo ids aren't correctly being set. I had a similar problem and solved it by using SortableJS and nanoid
    Marked as helpful

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