In this new Pull Request, I'm adding Add and Remove functions and Local storage functionality.

Add Function:

• This function creates a new element and adds it to the web list by pressing the button to add or pressing the key 'Enter', at the same time it generates a new task object and adds it to a list of objects.

Remove Function:

• This function removes the element from the web list and from the object list.

Update Index Function:

• This function updates the index of each object in the list by its position.

Editing Function:

• This function allows you to edit the content of the task on the web list and update the object list.

Checkbox:

• By pressing the checkbox, the task is now updated to complete status on the object list and ready to delete. By pressing it again, the task updates to incomplete status.

Local Storage:

• All changes are saved on the local storage, and if you reload the page, the list is generated dynamically.

In this first Pull Request I set the Webpack, create an HTML structure, add styles and first functionality with Javascript.

Webpack:

• Basic set-up to generate the dist folder from the src folder.

HTML, CSS and Javascript:

• A simple HTML structure.
• Added styles.
• The tasks are generated dynamically from a list of tasks and added functionality to the check button.

In this new Pull Request we created tests for the Editing function, Updating status function and clear completed function

• Editing function: It takes a node, and passes the new value to the list of tasks.
• Update status function: it takes the id of the element, searches it on the list and changes the status.
• Clear completed function: it looks on the list which tasks are already completed and returns a new list with only the uncompleted tasks.

In this new pull request we implemented testing files to check the functionality of the add and delete functions to make sure it works as expected

we separated the test into two-part, the first for add function and the other for the remove function: we used the inbuilt test method {it ,describe, expect} of the jest testing framework to create test name, and the behavior we are expecting from our functions

In this new Issue I will check the quality of my code and suggest any relevant changes that need to be implemented.

https://github.com/KaskMIL/toDo-list/blob/9636a87c3653a1057efd8fb2902d6df7399c21f4/src/modules/clear.js#L2

• This function can use one more parameter so can be reused in another project.

https://github.com/KaskMIL/toDo-list/blob/9636a87c3653a1057efd8fb2902d6df7399c21f4/src/modules/clear.js#L16

• This function can use one more parameter so can be reused in another project.

https://github.com/KaskMIL/toDo-list/blob/9636a87c3653a1057efd8fb2902d6df7399c21f4/src/modules/elements.js#L67

• This function can use one more parameter so can be reused in another project.

https://github.com/KaskMIL/toDo-list/blob/9636a87c3653a1057efd8fb2902d6df7399c21f4/src/modules/localStorage.js#L4

• This function can use one more parameter so can be reused in another project.

https://github.com/KaskMIL/toDo-list/blob/9636a87c3653a1057efd8fb2902d6df7399c21f4/src/modules/localStorage.js#L7

• This function can use one more parameter so can be reused in another project.

In this new Pull Request, I added functionality to the clear all button

Clear All Button:

• When you press the button, it will check which tasks are completed, remove them from the web list, remove them from the object list and update the local storage.

In this new Issue I will check the quality of my code and suggest any relevant changes that need to be implemented.

Taking into count the theory of DRY, KISS and YAGNI to have a clean and reusable code, I think my code is pretty easy to read and well separated into modules that make the functions short and easy to understand what each one does. Each function is created in a way that doesn't repeat code.

Congrats mate!!! Your project is great!!! Modules were separated very clearly and small functions make your code easy to read. We have nothing to add. Keep working this way!!!

Hi Team!

Your project looks amazing @KaskMIL , it's so DRY, clean, and ordered. 🦾

We didn't see anything to change or say about it, it's working perfectly and there is nothing to change.

Congratulations on your excellent code!👏

Keep coding!

• Kindly make sure that your remove function is removing the right item
• Please make sure that your "clear all" button is working
• Your editing function is not editing correctly. Please make sure you are able to edit items without deleting all of their content first.
• Kindly make sure you can't edit checked items
• Please make sure your trash icon updates when the page reloads

Kindly make sure these functions are working. Happy coding!

In this new Issue I will check the quality of my code and suggest any relevant changes that need to be implemented.

HTML

https://github.com/KaskMIL/toDo-list/blob/9636a87c3653a1057efd8fb2902d6df7399c21f4/src/template.html#L17

• In this part of HTML code you can try to use fewer containers so that it doesn't look necessary.

CSS

• In the CSS file there is a lot of repetition of properties, like display fex and colours, you can try to implement a class that has those properties to avoid repetition.