https://github.com/mynul-islam-madhurjo/to-do-app-dom
https://github.com/mynul-islam-madhurjo/to-do-app-dom
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mynul-islam-madhurjo/to-do-app-dom
- Owner: mynul-islam-madhurjo
- Created: 2024-11-05T08:49:33.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-11-06T08:34:57.000Z (12 months ago)
- Last Synced: 2025-01-23T18:50:08.455Z (9 months ago)
- Language: JavaScript
- Homepage: https://to-do-app-dom-vanilla-js.netlify.app/
- Size: 5.86 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todo List Application
A simple, interactive Todo List application built with vanilla JavaScript, HTML, and CSS. This project demonstrates DOM manipulation, event handling, and local storage usage.
## Live Demo
[View Live Project](https://to-do-app-dom-vanilla-js.netlify.app/)
## Features
- Add new tasks
- Edit existing tasks
- Delete tasks
- Mark tasks as complete
- Data persistence using localStorage
- Clean and responsive UI
## Technologies Used
- HTML5
- CSS3
- Vanilla JavaScript
- localStorage for data persistence
## Project Structure
```
todo-app/
├── index.html
├── style.css
├── storage.js
├── app.js
└── README.md
```
## Usage
1. Clone or download the repository
2. Open `index.html` in your browser
3. Start managing your tasks!
## Functionality
- **Add Task**: Enter task text and click "Add Task" or press Enter
- **Edit Task**: Click the "Edit" button, modify text, then click "Save"
- **Delete Task**: Click the "Delete" button to remove a task
- **Complete Task**: Click the checkbox to mark task as complete