https://github.com/shakebshamsi/to-do-app
A simple and responsive To Do List web app using HTML, CSS, and JavaScript. This project covers DOM manipulation, event handling, localStorage, dynamic rendering, and basic CRUD operations.
https://github.com/shakebshamsi/to-do-app
crud css dom-manipulation dynamic-rendering event-handling html javascript localstorage
Last synced: 6 months ago
JSON representation
A simple and responsive To Do List web app using HTML, CSS, and JavaScript. This project covers DOM manipulation, event handling, localStorage, dynamic rendering, and basic CRUD operations.
- Host: GitHub
- URL: https://github.com/shakebshamsi/to-do-app
- Owner: ShakebShamsi
- Created: 2025-05-06T14:00:55.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-05-06T15:26:42.000Z (12 months ago)
- Last Synced: 2025-05-06T15:31:59.298Z (12 months ago)
- Topics: crud, css, dom-manipulation, dynamic-rendering, event-handling, html, javascript, localstorage
- Language: JavaScript
- Homepage: https://shakebshamsi.github.io/to-do-app
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 To Do App
A simple and interactive To Do List web application built using **HTML**, **CSS**, and **JavaScript**. This project lets users add, delete, and mark tasks as completed, and it saves tasks in **localStorage** to persist them across browser sessions.
---
## 🚀 Features
- ✅ Add new tasks
- 🗑️ Delete tasks
- ✔️ Mark tasks as completed/uncompleted
- 💾 Tasks saved in localStorage
- 🔁 Automatically loads saved tasks on page reload
---
## 📁 Project Structure
ToDoApp/
│
├── index.html # Main HTML file (app layout)
├── style.css # CSS file for styling
├── script.js # JavaScript file for logic and interactivity
└── README.md # This file
🎯 Future Enhancements (Optional Ideas)
Task editing functionality
Due dates and reminders
Task categorization or filtering
Dark mode toggle
👨💻 Author:
Shakeb Shamsi