Submitted almost 3 years ago

Mobile first, SCSS and Javascript todo app bundled with Vite.JS

Karim• 590

@Galielo-App

Preview site View code

This is a solution for...

Todo app

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Solution retrospective

I tried for the first time the new javascript API called "MutationObserver" and it's awesome. I will clearly use it in a few projects I have in mind because you can have a ton of control and observe every change in the dom easily.

Do you guys have some advice on how to use this API?

For those who never heard of MutationObserver, you should absolutely take a look at my code!

Happy coding :D

Community feedback

Grzegorz Sterczewski• 680

@gsterczewski

Posted almost 3 years ago

Hello Karim 👋, my name is Grzegorz.

I like your solution, but I think the app (according to the design picture) should show how many unfinished todo's are left.

Right now it shows overall todo's count (active and completed).

I really enjoy the animation, when clearing out completed todo's 👍

Keep up the good work! 💪

See you on the coding trail 😉

Cheers!

Karim• 590

@Galielo-App

Posted almost 3 years ago

@GSterczewski Hi Grzegorz! Thank you for your feedback :)

You're right! I missed that. I just sent a commit with the fix to this error. Take a look :D

Thank you again and happy coding :D

Patrick• 14,325

@palgramming

Posted almost 3 years ago

well first off when I enter a todo the todo input submit does not reset

Karim• 590

@Galielo-App

Posted almost 3 years ago

@palgramming Hello Patrick, thank you for your feedback :)

I just sent a new commit with the fix right now. Take a look :D

Patrick• 14,325

@palgramming

Posted almost 3 years ago

@Galielo-App It looks great now. Nice Job!!

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