Implemented following tests

statusUpdate function if true ✓ Updates Status if checked ✓ Updates class list if checked status update function if false ✓ Updates Status if not checked (1 ms) ✓ Updates class list if not checkec

Deleted completed tasks ✓ Removs items with completed: true (1 ms) ✓ check type input is object ✓ check type is output is array

Task Update ✓ Updates description (1 ms) ✓ check list if array ✓ check new value is string ✓ check ref is number

Constructor ✓ Calls constructor properly (1 ms) addNew method ✓ updates the length to 1 of storage in TaskList ✓ adds right item to the storage in TaskList ✓ updates the length to 2 of storage in TaskList ✓ adds right item to the storage in TaskList removeItem method ✓ Removes the item from the storage of TaskList ✓ Removes the correct item from the storage of TaskList Set index ✓ Set the index properly

Following tests were added for the taskList.js

- addNew method 1. updates the length to 1 of storage in TaskList (adds a new task to the empty list) 2. adds the right item to the storage in TaskList 3. updates the length to 2 of storage in TaskList (adds a new task to the list that already contains items) 4. adds the right item to the storage in TaskList

- removeItem method 5. Removes the item from the storage of TaskList 6. Removes the correct item from the storage of TaskList

- setIndexes method 7. Set the index properly

Features Added

1. Add a new JavaScript file and import it as a module:
2. it will contain methods related to the status updates (completed: true / false).
3. Add event listener to the checkbox (change).
4. Update items object's value for completed key upon user actions.
5. Implement a function for the "Clear all completed" button (use filter() method).
6. Store the updated array of items in local storage, so the user gets the correct list values after the page reloads.

https://user-images.githubusercontent.com/87834222/154366678-92aa7682-ee2c-48f6-b7f8-94a83fee0a4c.mov

Features Added:

1. Remove all hardcoded items from the tasks array.
2. Create a new JavaScript file for the new functionality.
3. Implement a function for adding a new task (add a new element to the array).
4. Implement a function for deleting a task (remove an element from the array).
5. Implement a function for editing task descriptions.
6. By default, new tasks should have the property completed set to false and the property index set to the value of the new array length (i.e. if you're adding a 5th task to the list, the index of that task should equal to 5).
7. Deleting a task should update all remaining items' indexes, so they represent the current list order and are unique.
8. All changes to the To Do List should be saved in local storage.

https://user-images.githubusercontent.com/87834222/154305132-ff91197b-e924-43fa-9877-4affb92eefab.mov

• [ ] Issue 1:

      clearList(element);
      populateList(newList, element);
      addToLocalStorage(newList.storage);
      updateEvent();
      checkStatusOnLoad(newList);
      delEvent();

these function calls are repeated.

https://github.com/awaisanwar544/todo-list/blob/9fbf1f740ecb222a56a88d6b0e69d87a9d22e6e5/src/index.js#L54-L59

https://github.com/awaisanwar544/todo-list/blob/9fbf1f740ecb222a56a88d6b0e69d87a9d22e6e5/src/index.js#L68-L73

https://github.com/awaisanwar544/todo-list/blob/9fbf1f740ecb222a56a88d6b0e69d87a9d22e6e5/src/index.js#L83-L89

• [ ] Issue 2: background-color: rgb(238, 238, 238); is repeated on Line 2 and 62 color: rgba(116, 116, 116, 0.767); is repeated on Line 72, 96, 72

Congratulations! Your code is clean and is working well. We also want to highlight the use of modules to implement it.

We only have the next suggestions:

• When you edit the task, to save it you need to click outside the task and it could be confusing for users. Try to implement the change when the user press enter.
• For clear the HTML task you use = ' ' . It is a better practice to clean HTML with a do-while loop.

• I would suggest you to use font awesome for example for all the icons in this project (Because if I am not mistaken you may have to configure Web Pack to be able to use images).
• Also put the refresh icon inside a container together with the heading and use flex box for alignment.