todo-list

Microverse Todo List Project

📗 Table of Contents

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

📖 Todo List

A to-do list is a list of tasks or items that need to be completed, typically organized in order of priority. It is a tool used to manage time and increase productivity by allowing individuals to plan and keep track of everything that needs to be done.

“Todo List” is a necessary project for learning webpack and javascript in the Microverse curriculum. The project is essentially a list of tasks in which you are able to add, remove or edit tasks from the list.

🛠 Built With

1- HTML. 2- CSS. 3- JAVASCRIPT 4- LINTERS. 5- ES6 6- Webpack

Tech Stack

Client

• HTML
• CSS
• JavaScript
• Webpack

Key Features

1- To Do List 2- Best use DOM manipulation 3- Use Github workflow 4- HTML best semantics 5- CSS and linters 6- Dynamically render tasks using javascript and webpack 7- Add and Remove Todo Task 8- Edit Todo Task 9- Remove All Completed Todo Tasks at one click 10- Interactive List Feature 11- Save Todo Task to Local Storage

(back to top)

🚀 Live Demo

You can find a live demo in HERE.

(back to top)

💻 Getting Started

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

Prerequisites

1. Web browser.
2. Code Editor.
3. Git-smc.
4. NodeJs
5. Knowledge on HTML and CSS.
6. Knowledge og JS
7. Knowledge of Webpack

Setup

Clone this repository to your desired folder:

Run this command:

  cd my-folder
  git clone https://github.com/HafizMassamTabraizKhan/todo-list.git

Install

Run this command:

  cd my-project
  npm install

Usage

To run the project, execute the following command:

  npm start

Run tests

Coming soon

Deployment

You can deploy this project by pushing to your own github page

(back to top)

👥 Authors

👤 Hafiz Massam Tabraiz Khan

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

[] Use database to save tasks [] User Authentication and Authorization feature [] Create the About section [] Create the contact section

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project just give it a star ⭐️.

(back to top)

🙏 Acknowledgments

I would like to thank Microverse for this project.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

This site is open source. Improve this page.