Hi there 👋,

In this particular Project, I :

• Add a new JavaScript file and import it as a module:
  • it contains 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 (used filter() method).
• Store the updated array of items in local storage, so the user gets the correct list values after the page reloads.

Hi there 👋, In this particular project To-Do List: Add & Remove, I :

• 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 should equal to 5).
• Deleting a task 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.

Hi there 👋

In this particular Project To Do List I :

• Set up a new project with webpack that is based on the webpack exercise I have already completed.
• Create an index.html file and write my 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:
  1. description [string].
  2. completed [bool].
  3. index: [number].
• Write a function to iterate over the tasks array and populate an HTML list item element for each task.
• On page load render 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 is loaded by Webpack Style/CSS Loader. My list is a clone of the part of the minimalist project captured in the video below.

• All your source files (index.html, index.js and style.css) must be located in /src directory and your distribution files will be generated by webpack and served by webpack dev server from /dist folder.

🤝 Contributing

Contributions, issues, and feature requests are welcome!

• [ ] The code respects the JavaScript best practices, nothing to improve.
• [ ] The code respects the DRY, KISS, and YAGNI practices,
• [ ] HTML & CSS best practices are also respected.

Hi @Olivier-Kango,

Good job so far!

There are no issues with your project.

Highlights 🎉 🎉 🎉

Nice work with the project. You followed the given design. Optional suggestions

Cheers and Happy coding!👏👏👏

Please, do not open a new Pull Request for re-reviews. You should use the same Pull Request submitted for the first review, either valid or invalid unless it is requested otherwise.