📝 To-Do List Website

A modern and animated To-Do List web application built using HTML, CSS, JavaScript, and GSAP.

🚀 Live Demo

https://to-do-list-pi-ashy-40.vercel.app/

---

📌 Features

• ✅ Add Tasks

• ✏️ Edit Tasks

• 🗑️ Delete Tasks

• ✔️ Complete Tasks

• 🔍 Filter Tasks

  • All Tasks
  • Pending Tasks
  • Completed Tasks

• 💾 Save Data using localStorage

• 📱 Responsive Design

• 🎨 Smooth GSAP Animations

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript
• GSAP
• localStorage

---

📂 Project Structure

project-folder/
│
├── index.html
├── style.css
├── script.js
└── assets/

---

⚡ How It Works

1. User adds a task

2. Task gets stored in localStorage

3. User can:

   • Edit task
   • Delete task
   • Mark task as complete

4. Tasks can be filtered by status

5. Data remains saved after page refresh

---

🎯 Purpose of This Project

This project was created to improve frontend development skills and practice working with:

• DOM Manipulation
• localStorage
• Animations using GSAP
• Responsive UI Design
• JavaScript Logic Building

---

📸 Preview

---

🌐 Live Website

https://to-do-list-pi-ashy-40.vercel.app/

---

👨‍💻 Developer

Muhammad Ishaq Frontend Developer from Pakistan 🇵🇰

---

⭐ Future Improvements

• Dark Mode
• Drag & Drop Tasks
• Due Dates
• Categories
• Backend Database Integration
• User Authentication

---

📄 License

This project is open-source and free to use.