Taskify

Taskify is a clean, minimal, and responsive to-do list web application built using HTML, CSS, and vanilla JavaScript.
It helps users manage daily tasks efficiently, with automatic data persistence using browser localStorage.

---

🚀 Features

• ➕ Add new tasks
• ✅ Mark tasks as completed / incomplete
• 🗑️ Delete tasks
• 📊 Live task completion statistics
• 💾 Tasks saved automatically using localStorage
• 🎨 Clean, modern, and responsive UI
• ⚡ Fast and lightweight (no frameworks)

---

🛠️ Tech Stack

• HTML5 – Structure
• CSS3 – Styling & layout
• JavaScript (ES6) – Logic & interactivity
• LocalStorage API – Persistent data storage

---

📂 Project Structure

Taskify/ │ ├── index.html # Main HTML file ├── style.css # Styling ├── script.js # App logic └── README.md # Project documentation

---

⚙️ How It Works

• Tasks are stored as objects containing:
  • id
  • text
  • completed
• All tasks are saved in the browser’s localStorage
• The UI updates dynamically whenever a task is added, completed, or deleted

---

▶️ How to Run Locally

1. Clone the repository

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

2. Open the folder cd Taskify

3. Open index.html in your browser (No server required)

---

🎯 Learning Outcomes

• Gained hands-on experience with DOM manipulation using JavaScript
• Learned event handling and user interactions
• Implemented data persistence using browser localStorage
• Improved understanding of UI state management
• Practiced writing clean and maintainable frontend code

---

🔮 Future Enhancements

• ✏️ Edit existing tasks
• 🔍 Search and filter tasks
• 📅 Add due dates and task priorities
• 🌙 Dark / Light mode toggle
• ☁️ Cloud-based storage support

---

🤝 Contributing

Contributions are welcome!
Feel free to fork this repository and submit a pull request to improve Taskify.

---

📜 License

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