https://github.com/gabyse1/to-do-list
It is a tool that helps organize your day. It lists the tasks you need to do and allows you to mark them as completed. The user can update task descriptions, delete one or a selected group, and also reorder them using the drag function. Build with JavaScript, HTML and CSS.
https://github.com/gabyse1/to-do-list
css html javascript webpack
Last synced: about 1 year ago
JSON representation
It is a tool that helps organize your day. It lists the tasks you need to do and allows you to mark them as completed. The user can update task descriptions, delete one or a selected group, and also reorder them using the drag function. Build with JavaScript, HTML and CSS.
- Host: GitHub
- URL: https://github.com/gabyse1/to-do-list
- Owner: gabyse1
- Created: 2022-01-12T00:36:01.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-03T22:57:39.000Z (over 4 years ago)
- Last Synced: 2025-04-13T18:14:38.675Z (about 1 year ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 1.38 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To do list
"To-do list" is a tool that helps organize your day. It lists the tasks you need to do and allows you to mark them as completed. The user can update task descriptions, delete one or a selected group, and also reorder them using the drag function.
## Features
- It is based in a minimalistic design.
- It render the task list dinamically using javascript.
- Create a new task by entering the description in the field *Add to your list* and pressing the *enter key* or the *enter button*.
- Delere a task by clicking on its description and then on its trash icon.
- Delete several tasks by selecting their checkboxes and pressing the button *Clear done tasks*.
- Edit any task already listed by clicking on its description.
## Built With
- Javascript
- HTML
- CSS
## Live Demo
[To Do List](https://gabyse1.github.io/to-do-list/)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- Have git installed on your local computer.
### Install
- Clone this repository to your local computer. Choose the location you prefer.
- Run the command *npm install* to install all project's dependencies.
### Deployment
- Run the command line *npm run start*.
- The project will automatically open the *index.html* file in a browser.
## Authors
👤 **Gabriela Sánchez Espirilla**
- GitHub: [@gabyse1](https://github.com/gabyse1)
- Twitter: [@gabyse0](https://twitter.com/gabyse0)
- LinkedIn: [Gabriela](https://www.linkedin.com/in/gabriela-s%C3%A1nchez-espirilla-83011b225/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Model: [web.archive.org.](https://web.archive.org/web/20180320194056/http://www.getminimalist.com:80/)
## 📝 License
This project is [MIT](./MIT.md) licensed.