https://github.com/ivangonzalez224/to-do-list.io
This is an application where users can create a to do list. Users can add and edit a description for each task, mark and delete those that have already been completed. Built with JavasScript and it uses Webpack in order to bundle the whole project.
https://github.com/ivangonzalez224/to-do-list.io
css html javascript webpack
Last synced: 11 months ago
JSON representation
This is an application where users can create a to do list. Users can add and edit a description for each task, mark and delete those that have already been completed. Built with JavasScript and it uses Webpack in order to bundle the whole project.
- Host: GitHub
- URL: https://github.com/ivangonzalez224/to-do-list.io
- Owner: ivangonzalez224
- License: mit
- Created: 2023-07-11T21:32:35.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-07-19T13:30:28.000Z (almost 3 years ago)
- Last Synced: 2025-04-12T04:55:24.074Z (about 1 year ago)
- Topics: css, html, javascript, webpack
- Language: JavaScript
- Homepage: https://ivangonzalez224.github.io/To-do-list.io/
- Size: 717 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
To Do List
Ivan Gonzalez
# 📗 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)
- [👥 Authors](#authors)
- [🛩️ Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
**To Do List** is a personal to do list app using webpack to bundle the project.
1. HTML
2. CSS
3. JavaScript
4. Linters
5. Webpack
In this project we use HTML, CSS, JavaScript, and webpack to build and bundle the whole project.
Client
- Add a professional README.md file.
- Use flexbox in order to lay out the elements on the page.
- Use webpack in order to bundle the project.
- Set up a linter for the project.
The link to the project deployed:
- [Live Demo Link](https://ivangonzalez224.github.io/To-do-list.io/)
In this project it is used flexbox to lay out the elements on the page. And it is used webpack to bundle the project.
### Setup
To get a local copy, follow these steps.
Clone this repository to your desired folder:
```sh
cd my-folder
git clone https://github.com/ivangonzalez224/To-do-list.git
code . (To open in Vscode)
```
### Prerequisites
In order to run this project you need:
1. Git.
2. Visual Studio Code or another code editor.
3. Browser.
### Install
This project does not require installation. Just clone the repository to your local machine.
Even though, for general purposes, Install this project with:
```sh
cd my-folder
npm install
```
### Usage
To run the project, do the following:
- Run `npm run start` or `npm start` to open the project in your browser.
👤 **Iván Gonzalez**
- GitHub: [@ivangonzalez224](https://github.com/ivangonzalez224)
- Twitter: [@ivang2204](https://twitter.com/ivang2204)
- LinkedIn: [LinkedIn](https://linkedin.com/in/iván-gonzalez-robles-957491275)
- Implement other features using JavaScript such as adding better animations.
- Drag and drop the task to change their position in the list:
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project give it a star.
I would like to thank Micoverse.
This project is [MIT](./LICENSE) licensed.