The tasks that I did in this part are:

• 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 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).

• Deleting a task should update all remaining items' indexes, so they represent the current list order and are unique.

• All changes to the To-Do List should be saved in local storage.

In this project the requirement are:

• [ ] Set up a new project with webpack that is based on the webpack exercise you have already completed.

• [ ] Create an index.html file and write your HTML markup here. Create an empty To-Do List placeholder (<div> or <ul> element). The index.html file must be set as a template using the HTML Webpack Plugin.

• [ ] Create an index.js file and set an array of some simple to-do tasks (array of objects). Each task object should contain three keys:

• description [string].

• completed [bool].

• index: [number].

• [ ] Write a function to iterate over the tasks array and populate an HTML list item element for each task.

• [ ] On page load renders the dynamically created list of tasks in the dedicated placeholder. The list should appear in order of the index values for each task.

• [ ] Create a style.css and set rules for the To-Do List. CSS must be loaded by Webpack Style/CSS Loader.

Project requirements, and that I do in this part of my project:

• Add a new JavaScript file and import it as a module:

• it will contain methods related to the status updates (completed: true/false).

• Add 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.

Deploy a secure website using OpenSSL.

Instructions

• Commit and push all your work into the project's GitHub repository.

• If you worked with branches, make sure you merge all your work into the main branch.

• Deploy your website using GitHub Pages (you are already familiar with this process), but this time pay attention to the extra step that will ensure that your app uses HTTPS protocol:

Scroll to the bottom of the Pages page and make sure the "Enforce HTTPS" checkbox is selected.

• Confirm the deployment. Your application will be live in few minutes. On the top of the Pages page you will find your project's URL.

• Make sure that your app URL uses SSL.

• Update the README of your repository to include a link to the online version.

Deploy a secure website using OpenSSL.

Instructions

• Commit and push all your work into the project's GitHub repository.

• If you worked with branches, make sure you merge all your work into the main branch.

• Deploy your website using GitHub Pages (you are already familiar with this process), but this time pays attention to the extra step that will ensure that your app uses HTTPS protocol: Scroll to the bottom of the Pages page and make sure the "Enforce HTTPS" checkbox is selected.

• Confirm the deployment. Your application will be live in a few minutes. On the top of the Pages page, you will find your project's URL.

• Make sure that your app URL uses SSL.

• Update the README of your repository to include a link to the online version.

So I check my code and I don't find the issues, I did my best to use JavaScript best practice. Maybe after the review of my partner, he can find the issues.