A simple and interactive To-Do List Web Application built using HTML, CSS, and JavaScript. This project allows users to add, complete, and delete tasks while automatically saving them in Local Storage so tasks remain even after refreshing the page.
- ➕ Add new tasks
- ✅ Mark tasks as completed
- ❌ Delete tasks
- 💾 Automatic task saving using Local Storage
- 🎨 Modern and responsive UI design
- ⚡ Fast and lightweight (no external libraries)
- HTML5 – Structure of the application
- CSS3 – Styling and layout
- JavaScript (Vanilla JS) – Application logic and interactivity
- Local Storage API – Persistent task storage in the browser
In this version, CSS and JavaScript are embedded inside the HTML file.
Main Interface includes:
- Input box for adding tasks
- Add button
- Task list
- Delete button for each task
- User enters a task in the input box.
- Clicking the Add button creates a new task.
- Clicking a task marks it as completed.
- Clicking × removes the task.
- All tasks are stored in Local Storage, so they remain after refreshing the page.
- Clone the repository
git clone https://github.com/your-username/your-repository-name.git
-
Open the project folder.
-
Run the file:
index.html
in any web browser.
- Edit existing tasks
- Add task categories
- Add due dates and reminders
- Dark mode support
- Mobile app version
Md Ashif Ansari
If you like this project, feel free to ⭐ star the repository on GitHub.