To-Do List: Interactive List

• [x] Used a javascript file for the Classes and methods as a module

•        containing the method to change the completed to true/false
  

• [x] Added event listener to the checkbox.
• [x] Updated items object's value for completed key upon user actions.
• [x] Implemented a function for the "Clear all completed" button using the filter() method.
• [x] Stored the updated array of items in local storage, so the user gets the correct list values after the page reloads.

Not required but implemented

• [x] Updated Live version

Live Version

To-Do List: Add-Remove-Edit

• [x] Remove all hardcoded items from the tasks array.
• [x] Created javascript file for the Classes
• [x] Implement a function for adding a new task (add a new element to the array)

•       new tasks have the properties: completed = false, index = to the value of the new array length
  

• [x] Implement a function for deleting a task (remove an element from the array).

•      that updates all remaining items' indexes, so they represent the current list order and are unique
  

• [x] Implement a function for editing task descriptions.
• [x] All changes to the To-Do List are saved in local storage.

Live Version

To-Do list: list structure using webpack

• [x] Set up the project with webpack (used repo template from the previous exercise)
• [x] Created an empty < ul > To-DoList placeholder:
• [x] Set the index.html file as a template using the HTML Webpack Plugin.
• [x] Added basic functionality in index.js file
• [x] All source files (index.html, index.js, and style.css) are located in /src directory
• [x] Created a style.css and set rules for the To-Do List according to the minimalist design

Not required in this milestone but added

• [x] Functional Live version

General Practices

Type checks, naming, simplicity, DRY, use .lock files, ES6 object restructuring

Everything looks fine ✔️

JavaScript in the browser

Keep changes to DOM low, Logic separated from DOM

Create a separate file for DOM declarations and uses ⚠️

Clean Code

DRY, KISS, YAGNI

DRY ( You could add a function to setItem data todoList.tasks and call it when needed). ⚠️ KISS ✔️ YAGNI (Implement the refreshAll functionality or delete her) ⚠️