/To-Do-List

A Todo list app that allows the user to add tasks, delete, edit, chage, and clear all completed tasks. Built with JavaScript, CSS and Html.

Primary LanguageJavaScript

To Do list: interactive list

description:

  • A todo list app that allow users to add new task, delete, edit, and clear all completed.Built with JavaScript.

in this project:

  • Set up the linters for html, css, and JavaScript.
  • Set up webpack configurations.
  • Create a dynamic to do list using objects.
  • Create add, remove, and edit functions the save the changes in local storage.
  • Create a function to save the update the local storage when clicking the checkbox.
  • Create a function to clear all completed tasks.

Built With

  • Html
  • Css
  • JavaScript
  • Webpack

Live Demo (if available)

Click for Live Demo Link

Getting Started

steps to run the project

1 - Install npm.

npm install

2 - run the project

npm run dev

To get a local copy up and running follow these simple example steps.

Prerequisites

  • HTML & CSS & JS
  • npm

Setup

  • linters for HTML, CSS and JS
  • Webpack

Run tests

  • Open your terminal, move to the directory where you want to clone the app (i.e cd Documents)
  • Enter git clone git@github.com:ibr5500.github.io/To-Do-List/
  • Change to the directory you just clone into (i.e cd To-Do-List)
  • Open index.html from the list of files in your left handside
  • Right click on your opened index.html file and launch the live server to preview
  • Include any possible changes and run "git add ."
  • Commit the changes with a descriptive message (i.e xyz features added)
  • Push the changes to changes to the repository (i.e git push)

Deployment

Author

👤 Ibrahim Ahmat

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Please give a ⭐️ if you like this project!