Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/najibullahjafari/to-do-list

A simple and intuitive web-based to-do list application. Developed with HTML, CSS, JavaScript, and Bootstrap. Features include adding, editing, and deleting tasks, task prioritization, and a responsive design for various devices.
https://github.com/najibullahjafari/to-do-list

local-storage task-manager-javascript task-manager-web todo-app web-development

Last synced: 12 days ago
JSON representation

A simple and intuitive web-based to-do list application. Developed with HTML, CSS, JavaScript, and Bootstrap. Features include adding, editing, and deleting tasks, task prioritization, and a responsive design for various devices.

Awesome Lists containing this project

README

        




To do list

# 📗 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)

# 📖 About the project

To-do list is a simple and effective tool used to organize tasks and manage time efficiently. It serves as a personal task manager, helping users keep track of their daily, weekly, or long-term tasks and goals. With a to-do list, users can prioritize tasks, set deadlines, and mark completed items, enabling them to stay focused, productive, and organized in both personal and professional aspects of life.
![image](https://github.com/najibullahjafari/To-do-list/assets/121656832/5735d85e-9200-47cb-9e2c-8508306b9e4b)

## 🛠 Built With

- HTML,
- CSS,
- Java Script
- GIT,
- GITHUB
- LINTERS
- Bootstrap
- Webpack
- ES6

### Tech Stack

Client

Server

### Key Features

- Linters for code quality
- DOM manipulation for dynamic content
- Responsive design for different screen sizes

In this project best coding practices is used.

## 🚀 Live Demo

Check out the live demo of this project [here](https://gleaming-rabanadas-7c9e4b.netlify.app/).

## 💻 Getting Started

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

1. Go to this URL link: https://github.com/najibullahjafari/To-do-list
2. clone the repo and start working on it.

### 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/downloads/
```

### Setup

Clone this repository to your desired folder:

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

### Install

Install this project with:

Linters:

Lighthouse run:

```sh
npm install -g @lhci/[email protected]
```

Webhint run

```sh
npm install --save-dev [email protected]
```

StyleLint run:

```sh
npm install --save-dev [email protected] [email protected] [email protected] [email protected]
```

### Usage

To run the project, execute the following command:

Open the index.html in your browser

### Run tests

To run tests, run the following command:

to check for styling errors:

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

### Deployment

You can deploy this project using:

Your working browser.

## 👥 Authors

👤 **Najibullah Jafari**

- GitHub: [Najibullah_jafari](https://github.com/najibullahjafari)
- Twitter: [Najibullah_jafari](https://twitter.com/Najib_Jafari_)
- LinkedIn: [Najibullah_jafari](https://www.linkedin.com/in/najibulla-jafari-609852263/)

(back to top)

## 🔭 Future Features

- **[Responsive Version]**

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

(back to top)

## ⭐️ Show your support

Do you like this project? So don't wait to give one star!

(back to top)

## 🙏 Acknowledgments

I would like to express my deepest gratitude to Microverse for this project. The invaluable learning experience and support provided have been instrumental in my growth as a developer. My mentors and instructors deserve special thanks for their guidance and patience. The collaborative spirit of my fellow students has been a constant source of inspiration. I also extend my appreciation to the open-source community for their contributions. Lastly, my family and friends' unwavering support has been a driving force throughout this journey. Thank you, Microverse, for this incredible opportunity!

(back to top)

## 📝 License

This project is [MIT](./MIT.md) licensed.

(back to top)