To-Do-List

In this project, we will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.

MIT License

Stars
13

To-Do List

Desktop view shoots for this project:

Desktop Veiw Representation
screenshot
screenshot

📗 Table of Contents

📖 [To-Do-List]

[To-Do List] is a simple project build to add the todo tasks, check as completed and remove the task. This simple web page will be built using webpack and served by a webpack dev server.

🛠 Built With

Tech Stack

Key Features

  • [Responsive layout]
  • [UX/UI accessibility]
  • [Dynamic data]

🚀 Live Demo

💻 Getting Started

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

Prerequisites

In order to run this project you need:

  • A browser of you choice.
  • A text editor of your choice.
  • An installed node.js on your local system

Setup

Clone this repository to your desired folder:

  • Use the following Commands:

    cd your-desired-folder
    git clone [email protected]:ab-noori/Project-Template.git
    

Install

Install this project with:

  • You can deploy this projec on hosting provider of your choise or you can deploy it on github pages.

Usage

  • Use following commands to run on your local system:

    npm run build
    npm run dev
    

Run tests

  • Run the following script and style test:

    npx eslint .
    npx stylelint "**/*.{css,scss}"
    

Deployment

You can deploy this project using:

  • Free deployment services like GitHub pages.
  • Any deployment services of your choice.

👥 Authors

👤 Abdul Ali Noori

🔭 Future Features

  • [Add About page]
  • [Add Contact page]

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

If you like this project, give it a star.

🙏 Acknowledgments

I would like to thank Microverse and my coding partners, and also give credit to Traversy Media YouTub Channel, I really learned a lot from this channel.

❓ FAQ (OPTIONAL)

  • How to make it mobile friendly?

    • Put a viewport tag in the header
  • How to design the site?

    • Draw a mockup before start to code

📝 License

This project is MIT licensed.

Related Projects