Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ibr5500/to-do-list
A Todo list app that allows the user to add tasks, delete, edit, chage, and clear all completed tasks. Built with JavaScript, CSS and Html.
https://github.com/ibr5500/to-do-list
css es6 html javascript vanilla-js webpack
Last synced: about 20 hours ago
JSON representation
A Todo list app that allows the user to add tasks, delete, edit, chage, and clear all completed tasks. Built with JavaScript, CSS and Html.
- Host: GitHub
- URL: https://github.com/ibr5500/to-do-list
- Owner: ibr5500
- Created: 2022-04-26T19:59:04.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-05-06T18:49:32.000Z (over 2 years ago)
- Last Synced: 2023-03-04T05:23:42.868Z (almost 2 years ago)
- Topics: css, es6, html, javascript, vanilla-js, webpack
- Language: JavaScript
- Homepage: https://ibr5500.github.io/To-Do-List/
- Size: 679 KB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To Do list: interactive list
## description:
> - A todo list app that allow users to add new task, delete, edit, and clear all completed.Built with JavaScript.
> in this project:
- Set up the linters for html, css, and JavaScript.
- Set up webpack configurations.
- Create a dynamic to do list using objects.
- Create add, remove, and edit functions the save the changes in local storage.
- Create a function to save the update the local storage when clicking the checkbox.
- Create a function to clear all completed tasks.
## Built With
- Html
- Css
- JavaScript
- Webpack
## Live Demo (if available)
[Click](https://ibr5500.github.io/To-Do-List/) for Live Demo Link
## Getting Started
### steps to run the project
#### 1 - Install npm.
```
npm install
```
#### 2 - run the project
```
npm run dev
```
To get a local copy up and running follow these simple example steps.
### Prerequisites
- HTML & CSS & JS
- npm
### Setup
- linters for HTML, CSS and JS
- Webpack
### Run tests
- Open your terminal, move to the directory where you want to clone the app (i.e cd Documents)
- Enter git clone [email protected]:ibr5500.github.io/To-Do-List/
- Change to the directory you just clone into (i.e cd To-Do-List)
- Open index.html from the list of files in your left handside
- Right click on your opened index.html file and launch the live server to preview
- Include any possible changes and run "git add ."
- Commit the changes with a descriptive message (i.e xyz features added)
- Push the changes to changes to the repository (i.e git push)
### Deployment
- This app is deployed using Github pages (https://pages.github.com/)
## Author
👤 **Ibrahim Ahmat**
- GitHub: [@ibr5500](https://github.com/ibr5500)
- Twitter: [@ibr_ahmat](https://twitter.com/ibr_ahmat)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/ibrahim-ahmat-b5513b1a6/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Please give a ⭐️ if you like this project!