/To-Do-List

A simple App for creating, deleting and Updating To Do lists.

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

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