Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

todo-app using scss ,gsap and sortable.js

@kabir-afk

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey!!! Frontend mentor community, this was my first time using gsap , maybe I could have done more , idk . . . for making the list-items reorderable I used sortable.js, quite a useful library , allows you to apply styling as well animations to the list items while dragging and dropping them . . . .

I also used this keyword in my code , since I was having some trouble declaring the target , I used it on gpt's recommendation , not sure of how it exactly works but definitely going to work on it after this submission . . .

Regarding the approach

You'll see that I haven't used localStorage to store user data , and neither does the data persist after you close the app , thats coz , I'll be making it a fullstack web dev application and since I'll be working with databases like mongo , I don't think I need to use localStorage as of now . . . what else ? Idk . . . 🥂🥂

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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