To-do-list

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 10 Open GitHub ↗

Discover a beautifully designed to-do list project that allows you to effortlessly organize and manage your daily tasks. Built with HTML, CSS, and JavaScript

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

</div>

# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [🛠 Built With](#built-with)
    - [Tech Stack](#tech-stack)
    - [Key Features](#key-features)
  - [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
  - [Setup](#setup)
  - [Prerequisites](#prerequisites)
  - [Install](#install)
  - [Usage](#usage)
  - [Run tests](#run-tests)
  - [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)

# 📖 [To Do List] <a name="about-project"></a>

**[To Do List]** is a program you can use for adding your daily tasks.

## 🛠 Built With <a name="built-with"></a>

- HTML5
- CSS3
- Webpack
- Git version control
- Javascript

### Tech Stack <a name="tech-stack"></a>

<details>
  <summary>Client</summary>
  <ul>
    <li><a href="https://www.microverse.org/">HTML5</a></li>
    <li><a href="https://www.microverse.org/">CSS3</a></li>
    <li><a href="https://www.microverse.org/">Javascript</a></li>
  </ul>
</details>

<details>
  <summary>Server</summary>
  <ul>
    <li><a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer">VS CODE Live Server Extension</a></li>
  </ul>
</details>

### Key Features <a name="key-features"></a>

- **[Store daily tasks]**

In this project best coding practices is use

## 🚀 Live Demo 
For visiting the live demo click <a href="https://gh-reza.github.io/To-do-list/" name="live-demo">here</a>.

## 💻 Getting Started <a name="getting-started"></a>

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

### Prerequisites

In order to run this project you need:

Google Chrome or other browser

```sh
  https://www.google.com/chrome/?brand=JJTC&gclid=CjwKCAjw9J2iBhBPEiwAErwpeSDcMFWiIQWj2u5GY6owZ7OaOHw7dYYCHW7uTR4kvYosNJYd4wt4VxoCiywQAvD_BwE&gclsrc=aw.ds
```

Github Account:
```sh
  https://github.com/
```
Npm installed: 
```sh
  https://nodejs.org/en/download
```

Git installed: 
```sh
  https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
```

### Setup

Clone this repository to your desired folder:

```sh
  cd my-folder
  git clone https://github.com/Gh-Reza/To-do-list.git
```

### Install

Install this project with:

Linters:

Lighthouse run:
```sh
  npm install -g @lhci/cli@0.7.x
```
Webhint run 
```sh
 npm install --save-dev hint@7.x
```
StyleLint run:
```sh
 npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
```

### Usage

To run the project, execute the following command:

```sh
  cd To-do-list
  index.html
```

### Run tests

To run tests, run the following command:

to check for styling errors:

```sh
  npx stylelint "**/*.{css,scss}"
```
To test optimization:
```sh
  lighthouse [site url]
```

### Deployment

You can deploy this project using:

Your working browser.

## 👥 Authors <a name="authors"></a>

👤 **Reza Merzaie**

- GitHub: [@githubhandle](https://github.com/Gh-Reza)
- Twitter: [@twitterhandle](https://twitter.com/RezaMerzaie)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/reza-merzaie-b94368202/)

## 🔭 Future Features <a name="future-features"></a>

- [ ] **[Add and remove functionality]**

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Gh-Reza/To-do-list/issues).

To-do-list

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README