https://github.com/abdulahad968/to-do-list
A simple to do list implemented using Browser Local Storage + IP hack
https://github.com/abdulahad968/to-do-list
css3 html-css-javascript html5 javascript nodejs spa todolist website
Last synced: 3 months ago
JSON representation
A simple to do list implemented using Browser Local Storage + IP hack
- Host: GitHub
- URL: https://github.com/abdulahad968/to-do-list
- Owner: AbdulAHAD968
- License: mit
- Created: 2025-03-12T19:42:55.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-13T11:01:47.000Z (over 1 year ago)
- Last Synced: 2025-06-11T23:07:47.179Z (about 1 year ago)
- Topics: css3, html-css-javascript, html5, javascript, nodejs, spa, todolist, website
- Language: HTML
- Homepage: https://abdulahad968.github.io/TO-DO-LIST/
- Size: 1.56 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TO-DO List Web App
A simple and stylish TO-DO List web application built with HTML, CSS, and JavaScript. This app allows users to add, view, and remove tasks. Tasks are stored in the browser's local storage, so they persist even after refreshing the page.
## Features
- **Add Tasks:** Easily add new tasks to your list.
- **Remove Tasks:** Delete tasks with a single click.
- **Persistent Storage:** Tasks are saved in the browser's local storage and remain available even after refreshing or closing the browser.
- **Responsive Design:** Works seamlessly on desktop, tablet, and mobile devices.
- **Modern UI:** Stylish design with smooth animations and gradients.
## Live Demo
Check out the live demo here: [TO-DO List Live Demo](https://abdulahad968.github.io/TO-DO-LIST/)
## How to Use
1. **Add a Task:**
- Type your task in the input field.
- Click the "Add Task" button or press `Enter`.
2. **Remove a Task:**
- Click the "Remove" button next to the task you want to delete.
3. **Persistent Tasks:**
- Tasks are automatically saved in your browser's local storage. They will still be there when you revisit the page.
## Technologies Used
- **HTML:** Structure of the web page.
- **CSS:** Styling and animations.
- **JavaScript:** Functionality and local storage handling.
## Setup and Installation
To run this project locally, follow these steps:
1. **Clone the Repository:**
```bash
git clone https://github.com/Abdulahad968/TO-DO-LIST.git