To-do-list-demo:

Add & Remove

Learning objectives

• Use webpack to bundle JavaScript.
• Learn how to use proper ES6 syntax.
• Use ES6 modules to write modular JavaScript.

Description

• Implement the CRUD (create, read, update, delete).

Milestone completed:

• Implement a function for adding a new task
• Implement a function for editing a task
• Implement a function for deleting a task
• All changes to the To Do List should be saved in local storage
• Add interactive check buttons
• Add event listener to the checkbox (change).
• Implement a function for the "Clear all completed" button (use filter() method).

Language Used

• HTML
• CSS
• ES6

Live Demo

Click here for live preview

Getting Started

In order to use the project files, Kindly follow these steps:

Steps

• Install node.js, Install NPM linters for HTML/CSS/JS: html,css & js linters
• For StyLint test, run: npx stylelint "**/*.{css,scss}"
• For WebHint test, run: npx hint .
• For EsLint test, run: npx eslint .

Prerequisites

• Have basic level knowledge about HTML/CSS/JS and ES6
• Have basic level knowledge about linters
• Have basic level knowledge about the working of website

Author

Kasaija Kenneth

Github Twitter LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐ if you like this project!

Acknowledgments

Task provided by Microverse

📝 License

• This project is GENERAL PUBLIC LICENSE.