The following was done in this milestone:

General requirements

• Make sure there are no linter errors
• Used correct GitHub Flow
• Applied professional documentation practices

HTML/CSS requirements

Followed our list of the best practices for HTML & CSS

JavaScript requirements

• Followed our list of best practices for JavaScript

Project requirements

• Added new JavaScript files and imported them as a module: which contains methods related to the status updates (completed: true/false).
• Added event listener to the checkbox (change).
• Update items object's value for completed key upon user actions. Implement a function for the "Clear all completed" button (use filter() method). Store the updated array of items in local storage, so the user gets the correct list values after the page reloads.

General requirements

• No linter errors.
• Correct usage of GitHub Flow
• Applied professional documentation practices

HTML/CSS requirements

• Follow our list of the best practices for HTML & CSS

JavaScript requirements

• Follow our list of [best practices for JavaScript

Project requirements

• Remove all hardcoded items from the tasks array.
• Create a new JavaScript file for the new functionality.
• Implement a function for adding a new task (add a new element to the array).
• Implement a function for deleting a task (remove an element from the array).
• Implement a function for editing task descriptions.
• By default new tasks 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 is equal to 5).
• Deleting a task should update all remaining items' indexes, so they represent the current list order and are unique(i.e. if you're deleting the first task index 1 from the list, the index of the next task(2) is set to 1)
• All changes to the To Do List are saved in local storage.

The following were achieved in this milestone:

General requirements

• Make sure that there are no linter errors
• Make sure that you used correct GitHub Flow
• Make sure that you documented your work in a professional way

HTML/CSS requirements

• Followed our list of the best practices for HTML & CSS.

JavaScript requirements

• Follow our list of best practices for JavaScript

Project requirements

• Set up a new project with webpack that is based on the webpack exercise I already completed.
• Created an index.html file with HTML markup.
• Created an empty To Do List placeholder with "ul" element.
• The index.html file is as set as a template using the HTML Webpack Plugin.
• Created an index.js file and set an array of simple to do tasks (array of objects).
• Each task object contains three keys: -- description [string]. -- completed [bool]. -- index: [number].
• Wrote a function and iterated over the tasks array and populated to HTML list item element for each task.
• On page load items are rendered dynamically and create list of tasks in the dedicated placeholder.
• The list appear in order of the index values for each task.
• Created a style.css and set rules for the To Do List.
• CSS is loaded by Webpack Style/CSS Loader.
• The list is a clone of the part of the minimalist project captured in the video below.