README.md

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 [To Do list: add & remove]

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

🛠 Built With

• HTML(HTML-5).
• CSS(Flexbox).
• javaScript (ES6).
• ★ webpack.
• Github flow.
• Linters.

Key Features

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.

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps. 1- clone Repo. git clone [email protected]: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

(back to top)

👥 Authors

👤 Author

• GitHub: @MostafaShahat2021
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

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

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

I would like to thank all Microverse community.

(back to top)

(back to top)

📝 License

This project is MIT licensed.

(back to top)