<!-- TABLE OF CONTENTS -->
# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [🛠 Built With](#built-with)
    - [Key Features](#key-features)
  - [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
  - [Setup](#setup)
  - [Prerequisites](#prerequisites)
  - [Install](#install)
  - [Usage](#usage)
  - [Run tests](#run-tests)
  - [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)

<!-- PROJECT DESCRIPTION -->

# 📖 [To Do list: add & remove] <a name="about-project"></a>

a simple HTML list of To Do tasks,
built using webpack and served by a webpack dev server.

## 🛠 Built With <a name="built-with"></a>
- HTML(HTML-5).
- CSS(Flexbox).
- javaScript (ES6).
- ★ webpack.
- Github flow.
- Linters.

<!-- Features -->

### Key Features <a name="key-features"></a>
### In this project we :

- Add function for adding a new task.
- Add function for deleting a task.
- Add function for editing task descriptions.
- Add function for Update items object's value for completed key upon user actions.
- Add function for clear all button
- Use webpack to bundle JavaScript.
- Use NPM.
- Use webpack.
- Use webpack-cli.
- Use css-loader.
- Use style-loader.
- Modify webpack.config.js
- use HtmlWebpackPlugin.
- Setup local dev server
- Add Linters for HTML/CSS.
- Use best practices for HTML & CSS.
- Update README file.
- Add Mark up to the .html file.
- Add style to the web site.

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- LIVE DEMO -->

## 🚀 Live Demo <a name="live-demo"></a>

- [Live Demo Link](https://mostafashahat2021.github.io/To-Do-list-add-remove-1/dist/)

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- GETTING STARTED -->

## 💻 Getting Started <a name="getting-started"></a>

To get a local copy up and running, follow these steps.
1- clone Repo.
git clone git@github.com:MostafaShahat2021/portfolio.git

2- Install npm (node pakage manager)
**you can run any one of these commands to install npm on your machine:**

- npm i
- npm install
- sudo apt install npm

  **to install globally, just add a -g or --global after the install or i**

- npm i -g
- sudo apt install -g npm

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- AUTHORS -->

## 👥 Authors <a name="authors"></a>

👤 **Author**

- GitHub: [@MostafaShahat2021](https://github.com/MostafaShahat2021)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/mostafa-shahat-a75810208/)

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- FUTURE FEATURES -->

## 🔭 Future Features <a name="future-features"></a>

- [ ] **Reordering a selected item (as drag-and-drop)**
- [ ] **Add Clear all items function**

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- CONTRIBUTING -->

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- SUPPORT -->

## ⭐️ Show your support <a name="support"></a>

Give a ⭐️ if you like this project!

<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- ACKNOWLEDGEMENTS -->

## 🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank all Microverse community.

<p align="right">(<a href="#readme-top">back to top</a>)</p>


<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- LICENSE -->

## 📝 License <a name="license"></a>

This project is [MIT](./LICENSE) licensed.

<p align="right">(<a href="#readme-top">back to top</a>)</p>