📋 TaskFlow

A modern Todo List application built with HTML, CSS, and Vanilla JavaScript. This project focuses on creating a clean, responsive, and visually appealing task management experience using a glassmorphism-inspired interface.

---

✨ Features

• ➕ Add new tasks
• ✅ Mark tasks as completed
• 🗑️ Delete individual tasks
• 🧹 Clear all tasks
• 🔍 Filter tasks (All / Active / Completed) (New in v2)
• 💾 Persistent storage with Local Storage (New in v2)
• 🎨 Modern Glassmorphism UI
• 📱 Responsive layout
• ⚡ Built without any frameworks

---

🆕 What's New in v2

• Task filtering — quickly switch between All, Active, and Completed tasks.
• Local Storage persistence — tasks are now saved in the browser, so your list stays intact after refreshing or closing the page.

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)

---

📸 Preview

Add screenshots or a GIF of the application here.

Example:

images/preview.png

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/your-username/taskflow.git

2. Open the project folder

cd taskflow

3. Open index.html in your browser.

No installation or additional dependencies are required.

---

📂 Project Structure

taskflow/
│
├── index.html
├── style.css
├── app.js
└── README.md

---

🎯 Learning Goals

This project was created to practice:

• DOM Manipulation
• Event Handling
• Dynamic Element Creation
• JavaScript Functions
• Clean CSS Architecture
• Responsive Design
• Git & GitHub Workflow

---

💡 Future Improvements

• Drag & Drop task sorting
• Dark / Light mode
• Due dates and reminders
• Edit existing tasks

---

👨‍💻 Author

Developed by neo-0706 GitHub: https://github.com/neo-0706

---

📄 License

This project is open source and available under the MIT License.