🔎 HTML

• Your HTML file follows best practices

🔎 CSS

• You are repeating some style rules that are unnecessary because they have already been added to the "body". Check this link for clarification.

🔎 JavaScript

• In your script.js file you can refactor this function to better comply with DRY rules
• In your index.js file see if you can refactor this function to split up some of the functions you have nested inside to make the code more readable

Hi @vechicin, 👋🏻

I really liked your project. I especially liked how you organized your code to be very readable and easy to understand with comments for every section. 👍🏻

Here are some suggestions...

• You could add the 'Clear all completed' button outside of the ul and style it with the appropriate styles. That will make more sense since every time the list is updated you won't have to rerender the button and add the event listener to it.

• You can add the 'line through' style for the completed todos as a class in your CSS and then add it through your js every time the checkbox is checked. This opens up the possibilities of adding more styles to the completed todos like changing the color of the text and so on, it could also help you in the long run to select the completed tasks through this class.

Once again, I really liked your project and how well organized it is. Keep up the good work. 😄 🚀