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

This project contains a to-do list project where tasks can be added, marked as completed and deleted. Users can edit a task by double clicking on the task title section. A task can be deleted by clicking on the trash can icon on the right side of each task. Tasks can be marked as completed by clicking on the corresponding checkbox. All completed tasks can be deleted at once by clicking the Clear All Completed button.
https://github.com/olipliche/to-do-list

css3 html5 javascript

Last synced: 27 days ago
JSON representation

This project contains a to-do list project where tasks can be added, marked as completed and deleted. Users can edit a task by double clicking on the task title section. A task can be deleted by clicking on the trash can icon on the right side of each task. Tasks can be marked as completed by clicking on the corresponding checkbox. All completed tasks can be deleted at once by clicking the Clear All Completed button.

• Host: GitHub
• URL: https://github.com/olipliche/to-do-list
• Owner: OLIPLICHE
• Created: 2021-08-25T00:41:06.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-19T07:10:13.000Z (over 2 years ago)
• Last Synced: 2023-03-10T04:27:04.260Z (over 1 year ago)
• Topics: css3, html5, javascript
• Language: JavaScript
• Homepage:
• Size: 240 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# To-do-list-js

This project contains a to-do list project where tasks can be added, marked as completed and deleted. Users can edit a task by double clicking on the task title section. A task can be deleted by clicking on the trash can icon on the right side of each task. Tasks can be marked as completed by clicking on the corresponding checkbox. All completed tasks can be deleted at once by clicking the Clear All Completed button.

# Built with

- Webpack

- JavaScript

- CSS

# Features

- Adding a new task

- Removing a task

- Storing data in the local storage

## Live Demo

- [Live Demo Link](https://olipliche.github.io/To-Do-list/dist/)

## Getting started

To get a local copy of this project, follow these simple steps

- Clone this clone this repo by typing: git clone `https://github.com/OLIPLICHE/To-Do-list.git`, on your local terminal

- Type cd `https://github.com/OLIPLICHE/To-Do-list` to access the project on the terminal

## To make the project run in your local machine

- You will need to set up or install webpack in your machine. Open the link bellow for set up

- `https://webpack.js.org/guides/getting-started/#basic-setup`

## Installation of Packages.Json

 Run the code bellow inside your terminal to install Packages.Json in your local machine.

- npm install --save-dev stylelint stylelint-config-standard

- {

  "extends": "stylelint-config-standard"

}

- npx stylelint "**/*.css"

### Prerequisites

- Text editor

- Git

- Html

- CSS

- Js

- webpack

## Authors

👤 **Olipliche Mavoungou Paka**

- GitHub: [@githubhandle](https://github.com/OLIPLICHE)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/olipliche-paka-mavoungou/)

## 🤝⭐️ Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgement

- Hat tip to anyone whose code was used

- Inspiration

## 📝 License

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