📝 To-Do List Web App

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.

---

🚀 Features

• ➕ 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)

---

🛠️ Technologies Used

• 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.

---

📸 Application Preview

Main Interface includes:

• Input box for adding tasks
• Add button
• Task list
• Delete button for each task

---

⚙️ How It Works

1. User enters a task in the input box.
2. Clicking the Add button creates a new task.
3. Clicking a task marks it as completed.
4. Clicking × removes the task.
5. All tasks are stored in Local Storage, so they remain after refreshing the page.

---

▶️ How to Run the Project

1. Clone the repository

git clone https://github.com/your-username/your-repository-name.git

2. Open the project folder.

3. Run the file:

index.html

in any web browser.

---

💡 Future Improvements

• Edit existing tasks
• Add task categories
• Add due dates and reminders
• Dark mode support
• Mobile app version

---

👨‍💻 Author

Md Ashif Ansari

If you like this project, feel free to ⭐ star the repository on GitHub.