📝 To-Do List App (HTML + CSS + JavaScript)

A simple and responsive To-Do List web application built using HTML, CSS, and JavaScript.
This project helps users manage daily tasks with add and delete functionality, along with data persistence using LocalStorage.

---

🚀 Features

• ➕ Add new tasks easily
• 🗑️ Delete tasks with one click
• ⌨️ Add task using Enter key
• 💾 Data saved in LocalStorage (no data loss on refresh)
• 📱 Responsive and clean UI design
• ⚡ Fast and lightweight frontend app

---

🛠️ Tech Stack

• HTML5
• CSS3
• JavaScript (ES6)
• Font Awesome Icons

---

📂 Project Structure

HTML-CSS-JS-Project-To-Do-List/
│
├── index.html    # Main structure of To-Do App
├── style.css     # Styling and UI design
└── app.js        # JavaScript logic (add, delete, LocalStorage)

---

⚙️ How to Run

Clone the repository:

git clone https://github.com/godhaniyaarbham2000-spec/HTML-CSS-JS-Project-To-Do-List.git

Open project folder:

cd HTML-CSS-JS-Project-To-Do-List

Run project:

Open index.html in your browser

---

💻 Usage

• Type a task in input box
• Click Add button or press Enter
• Click 🗑️ icon to delete task
• Refresh page → tasks will still be saved

---

📸 Preview

• Simple task input UI
• Clean list-based layout
• Delete icon interaction
• Responsive design for mobile & desktop

---

⚠️ Notes

• This is a frontend-only project (no backend)
• Uses browser LocalStorage for data saving
• No database or API required

---

📌 Future Improvements

• Add edit task feature ✏️
• Add task completion (checkbox / strike-through)
• Add filters (All / Active / Completed)
• Add dark mode 🌙
• Add drag & drop task sorting

---

👨‍💻 Author

Arbham Godhaniya
MERN Stack Developer 🚀

---