Vue Task Tracker

A lightweight, interactive Task Management app built with Vue.js (Version 3). This was built as a "one-night challenge" to learn the basics of reactive frameworks.

🚀 Features

• Add/Delete Tasks: Manage your daily goals instantly.
• Task Completion: Click a task to toggle its completion status.
• Persistent Memory: Uses LocalStorage to save your tasks even if you refresh the browser.
• Responsive UI: Clean, modern design that works on mobile and desktop.

🛠️ Tech Stack

• Framework: Vue.js 3 (via CDN)
• Styling: CSS3 (Flexbox, Custom variables)
• Storage: Browser LocalStorage API

🧠 What I Learned

• Reactivity: How Vue automatically updates the UI when data changes.
• Directives: Using v-model for inputs and v-for for list rendering.
• Lifecycle Hooks: Using onMounted to load saved data.
• Watchers: Using watch to automatically save data changes to the browser.

🚦 How to Run

1. Clone the repository.
2. Open index.html in any modern web browser.