ghreza-crypto/to-do-list

Todo list is a simple website that you can save your todo tasks and mark them complete with ability to modify them, build with Html, CSS, and JavaScript.

Welcome to To do list Website

📗 Table of Contents

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

📖 [Todo list]

Here you can add and remove you to do list activities.

🛠 Built With

Tech Stack

Html, Css,Javascript, linter, Git, Github, Node, NPM

Client

• Html
• Css
• Javascript

Server

• Github
• Github Pages

🚀 Live Demo

Add a link to your deployed project.

• Live Demo Link

(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:

You need to have Code Editor Installed. Make sure Nodejs and NPM is installed in your system for linters.

Setup

Clone this repository to your desired folder:

git clone https://github.com/ghreza-crypto/to-do-list.git

2. Open terminal and cd into project

cd to-do-list

3. Open the index.html in your brower:

open index.html

Install

Install this project with: linters

To check linters run the following command:

1. Install WebHint:

npm install --save-dev hint@7.x

2. Install StyleLint

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x 

3. Install eslint

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x 

Check Linters Error

1. To check CSS or SCSS linters error:

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

2. To fix CSS or SCSS linters error:

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

3. To check HTML linters error

npx hint .

4. To check JavaScript linters error

npx eslint .

Key Features

• [removing buy one click all your completed tasks]
• [changing completed task to uncompleted]
• [removing and updating easily each task]

(back to top)

🔭 Future Features

• [Drag and drop feature which you can drag your tasks upper and lower]
• [Adding time section for specifying the each task execution time and duration]

(back to top)

👥 Authors

👤 Ghulam Reza Rajabi

• GitHub: @githubhandle

(back to top)

🤝 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

(back to top)

🙏 Acknowledgments

I would like to thank from Microverse and all of my teammates.

• Microverse Videos
• Setup Linters
• Mobile First
• Figma Templates

(back to top)

📝 License

This project is MIT licensed.

(back to top)