https://github.com/tomasesquivelgc/webpack-to-do-list
✅📃In this repo I learn how to use Webpack. To-do list is a simple app that stores your chores in the local storage for your later access. you can also check them as completed and eliminate all completed tasks with the clear button, or you can delete them individually with the delete icon.
https://github.com/tomasesquivelgc/webpack-to-do-list
Last synced: 5 months ago
JSON representation
✅📃In this repo I learn how to use Webpack. To-do list is a simple app that stores your chores in the local storage for your later access. you can also check them as completed and eliminate all completed tasks with the clear button, or you can delete them individually with the delete icon.
- Host: GitHub
- URL: https://github.com/tomasesquivelgc/webpack-to-do-list
- Owner: tomasesquivelgc
- License: mit
- Created: 2023-05-02T18:47:06.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-05-17T20:44:49.000Z (about 2 years ago)
- Last Synced: 2024-12-28T19:29:54.967Z (5 months ago)
- Language: JavaScript
- Homepage: https://tomasesquivelgc.github.io/Webpack-To-Do-list/
- Size: 8.58 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: License
Awesome Lists containing this project
README
Webpack minimalist
# 📗 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)
Webpack minimalist is a Webpack based project that emulates this [minimalist](https://web.archive.org/web/20180320194056/http://www.getminimalist.com:80/)
technologies
- **[Webpack build]**
- **[Basic list structure]**
- **[Checkbox on each list item]**
### New features
- add and delete methods created
- task description editable
- save and load localStorage methods created
#### Interactive update
- Checkboxes completed status
- Clear all button
Click [here](https://tomasesquivelgc.github.io/Webpack-To-Do-list/) for the live version.
To get a local copy up and running, follow these steps:
- clone this repository in you local enviorement
- npm run build
- npm start
And webpack will build and start the page for you in your browser.
### Prerequisites
In order to run this project you need a code editor and a browser.
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone [email protected]:myaccount/my-project.git
```
### Deployment
You can deploy this project using github pages
👤 Tomás Matías Esquivel
- GitHub: [@tomasesquivelgc](https://github.com/tomasesquivelgc)
- Twitter: [@EsquivelTomas](https://twitter.com/EsquivelTomas)
- LinkedIn: [Tomas Esquivel](https://www.linkedin.com/in/tomas-esquivel-b2160568/)
> Describe 1 - 3 features you will add to the project.
- [ ] **[drag and drop order]**
- [X] **[clear button function]**
- [ ] **[cross completed task]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project please help me improve with helpful comments.
I would like to thank Microverse for this growing opportunity.
This project is [MIT](./LICENSE) licensed.