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

• This app is deployed using Github pages (https://pages.github.com/)

Author

👤 Ibrahim Ahmat

• GitHub: @ibr5500
• Twitter: @ibr_ahmat
• LinkedIn: LinkedIn

🤝 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!