Skip to content
🔥 Black Friday Sale: Save 30% on Pro Yearly with code BF2025. Upgrade now 🔥
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 2 years ago

todo-app using scss ,gsap and sortable.js

sass/scss, gsap
solitary_coder•1,000
@kabir-afk
A solution to the Todo app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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 . . . 🥂🥂

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on solitary_coder's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License