To-Do list: Testing Part 2 :memo: :hammer_and_wrench:

These are the proposed changes :recycle: for this project :arrow_down: :

• Used jest framework for testing. :heavy_check_mark:
• Created a clearAll.test.js test file containing:
  • A function for editing the task description. :pencil2:
  • A function for updating an item's 'completed' status. :arrows_counterclockwise:
  • The "Clear all completed" function. :wastebasket:
• Mocked the HTML elements to test DOM manipulation functions. :heavy_check_mark:
• Implemented describe() method. :eyes:

To-Do list: Testing Part 1 :memo: :hammer_and_wrench:

These are the proposed changes :recycle: for this project :arrow_down: :

• Used jest framework for testing. :heavy_check_mark:
• Created an add-removeTask.test.js test file containing the add item and delete item functions. :100:
• Mocked HTML to test if add/delete functions add or remove exactly one
• element to/from the list in the DOM. :ballot_box_with_check:
• Implemented describe() method. :eyes:

To-Do List App: Interactive List using webpack :memo: :hammer_and_wrench: :bust_in_silhouette:

These are the proposed changes :recycle: for this project :arrow_down: :

• Added a new JavaScript file and import it as a module remove-storage.js for status updates (completed: true/false). :arrows_counterclockwise: :heavy_check_mark:
• Added event listener to the checkbox (change). :ballot_box_with_check:
• Updated items object's value for completed key upon user actions.
• Implemented a function for the "Clear all completed" :x: button (used filter()method).
• Store d the updated array of items in local storage, so the user gets the correct list values after the page reloads. :heavy_check_mark:

To Do list: Add and remove items :memo: :hammer_and_wrench: :heavy_plus_sign: :x:

These are the proposed changes :recycle: for this project :arrow_down: :

• Removed all hardcoded items from the tasks array. :heavy_check_mark:
• Created JavaScript modules for the new functionality. :card_file_box:
• Implemented an eventListener for adding a new task (add a new element to the array and localStorage :cloud: ) :+1:
  • Set the property index value to the new array length :heavy_check_mark:
• Implemented an eventListener for deleting a task (remove an element from the array and the localStorage :cloud: ) :
  • Updated all remaining items' indexes, so they represent the current list order and are unique :100:
• Added changeDes() function for editing task descriptions. :pencil2:
• Changed completed property value in checkBox eventListener :heavy_check_mark:
• All changes to the To Do List are saved in local storage. :heavy_check_mark: :file_cabinet:

To Do list: list structure using webpack :memo: :hammer_and_wrench:

These are the proposed changes :recycle: for this project :arrow_down: :

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

Hi @karlavdelgadof :wave:

Awesome job so far :sparkles: :sunglasses:

Suggested Improvements: :gear: :muscle:

• [ ] Comments can come in handy when writing an app functionality, kindly take this into consideration for your app :memo: