fpsapc/To_Do_List

You can add your daily tasks list here and tick every task acording to its completion. You can also remove and edit tasks. You can also clear all completed tasks after selecting them from the list. HTML/CSS and JavaScript best practices are used to make this project. Also use webpacks in this project. This project can be run on localhost

To Do List README

📗 Table of Contents

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

📖 [To_Do_List]

[To_Do_List] is a project that provide user a form. User can fill his/her daily task and remove them when they marked as completed.

🛠 Built With

HTML CSS ES6 Modules Webpack

Tech Stack

Client

• HTML,CSS and JavaScript

Server

• Dev Server

Pakage Manager

• NPM

Key Features

• [Allow user to add daily task]
• [Allow user to mark the tasks that were completed]
• [Allow user to deleted the completed tasks]

(back to top)

🚀 Live Demo

• Live Demo Link

Desktop Version:

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• A web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• node should be installed in your local machine, node website.
• Install the npm package manager use this to install both node and npm.
• A terminal.

Setup

Clone this repository to your desired folder or download the Zip folder:

https://github.com/fpsapc/To_Do_List

• Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd To_Do_List

Install

To install all dependencies, run:

npm install

Usage

To run the project, follow these instructions:

• After Cloning this repo to your local machine.
• Open the index.html in your browser.
• You can also use npm start command in terminal to run this at localhost:8080

Run tests

To run tests, run the following command:

• Track HTML linter errors run:

npx hint .

• Track CSS linter errors run:

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

• Track JavaScript linter errors run:

npx eslint .

• run test:

npm test 

Deployment

You can deploy this project using: GitHub Pages,

• I used GitHub Pages to deploy my website.
• For more information about publishing sources, see "About GitHub pages".

(back to top)

👥 Author

👤 Salman Ahmad Khan

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

👤 Tebe Tisloh

• GitHub: @Booze33
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [I will add some images to this project to make it look's more attractive]

(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 give me a star ⭐️

(back to top)

🙏 Acknowledgments

I would like to thank web.archive.org. for this to do list format

(back to top)

❓ FAQ (OPTIONAL)

• [How this list works]

  • [add your daily task and click on checkbox for completed task]

(back to top)

📝 License

This project is MIT licensed.

(back to top)