https://github.com/abh3shek/todo_local
A simple and clean To-Do List web app that allows users to manage tasks efficiently.
https://github.com/abh3shek/todo_local
css deployed html surge vanilla-javascript
Last synced: 3 months ago
JSON representation
A simple and clean To-Do List web app that allows users to manage tasks efficiently.
- Host: GitHub
- URL: https://github.com/abh3shek/todo_local
- Owner: Abh3shek
- License: mit
- Created: 2025-06-13T17:54:06.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-06-13T18:03:03.000Z (11 months ago)
- Last Synced: 2025-06-13T19:19:21.821Z (11 months ago)
- Topics: css, deployed, html, surge, vanilla-javascript
- Language: CSS
- Homepage: https://todo-abh3shek.surge.sh
- Size: 3.91 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# ✅ To-Do List App
A simple and clean To-Do List web app that allows users to manage tasks efficiently.
Tasks are stored using the browser’s localStorage so that they persist across sessions.
Built with HTML, CSS, and JavaScript (no frameworks).
---
## 🚀 Live Demo
🔗 https://todo-abh3shek.surge.sh
---
## 🛠 Tech Stack
- HTML5
- CSS3
- JavaScript (Vanilla)
- localStorage API
---
## ✨ Features
- Add new tasks with timestamps
- Delete individual tasks
- Edit tasks inline
- Tasks persist using `localStorage`
- Responsive design for mobile and desktop
---
## 📦 Installation & Usage
To run the project locally:
# Clone the repository
```bash
git clone https://github.com/your-username/todo-app.git
```
# Navigate into the project directory
```bash
cd todo_local
```
# Open the index.html file in your browser
> No build step required. Runs directly in the browser.
---
## 💾 How Data is Stored
Tasks are stored in the browser using the `localStorage` API as JSON strings. When the page loads, the tasks are parsed and displayed automatically.
---
## 🧪 Example Data Format (localStorage)
```json
[
{
"text": "Buy groceries",
"completed": false,
"createdAt": "2025-06-12T15:23:00"
}
]
```
---
## 🧑💻 Author
Built by abh3shek
GitHub: https://github.com/Abh3shek
---
## 📄 License
This project is licensed under the [MIT License](./LICENSE)