📝 To-Do List App

A simple, responsive To-Do List web application built using HTML, CSS, and JavaScript.
It allows users to add, edit, and delete tasks with persistent storage using the browser's localStorage.

---

🚀 Features

• ➕ Add new tasks
• ✏️ Edit existing tasks inline
• 🗑️ Delete tasks
• 💾 Data saved in localStorage (persists after refresh)
• 📱 Fully responsive design (mobile + tablet friendly)
• 🔔 Toast notifications for user feedback

---

🛠️ Tech Stack

• HTML5
• CSS3 (Flexbox + Responsive Design)
• JavaScript (Vanilla JS)
• Local Storage API
• Font Awesome Icons

---

📂 Project Structure

├── index.html ├── style.css ├── script.js

---

⚙️ How It Works

• Tasks are stored in an array (store)
• Data is saved to localStorage
• On page load, tasks are retrieved and rendered
• Users can:
  • Add tasks via form submission
  • Edit tasks using inline editing
  • Delete tasks instantly

---

🧠 Key Concepts Used

• DOM Manipulation
• Event Handling
• Local Storage
• Content Editable Elements
• Responsive UI Design

---

📸 Preview

(You can add a screenshot here)

---

▶️ How to Run

1. Download or clone the repository:

   git clone https://github.com/devshaheerx/todo-app.git
   

2. Open index.html in your browser ✨ Future Improvements Add task completion (checkbox) Add due dates & reminders Dark mode toggle Drag & drop reordering Backend integration 📄 License

This project is open-source and free to use.

🙌 Author

Developed by Your Name

---