📋 Personal Task Tracker

📖 Description

A sleek and simple personal task management application built with React.
Designed to help users stay organized with features like login, task filtering, and more — all powered by localStorage for persistent usage.

---

🚀 Features

• 🔐 Simple login with username stored in localStorage
• 📝 Create, edit, delete tasks
• ✅ Mark tasks as complete/incomplete
• 📅 Show creation date & time
• 🔍 Filter tasks: All / Completed / Pending
• 🔎 Real-time search functionality
• ⏳ Due dates (optional feature-ready)
• 💾 Data persistence via localStorage
• 📱 Responsive design for mobile + desktop

---

🛠 Setup Instructions

1. Clone the repository

   git clone https://github.com/your-username/personal-task-tracker.git cd personal-task-tracker

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

4. Open your browser and navigate to
   http://localhost:5173

---

🧰 Technologies Used

• ⚛️ React.js
• 🧠 React Hooks (useState, useEffect, useNavigate)
• 🎨 CSS for styling (light + dark mode)
• 🗃 LocalStorage for data persistence
• 🔗 UUID for unique task IDs

---

🔗 Live Demo

🚀 Check it out live

---

🖼 Screenshots

Login page

Dashboard page

Search functonality

![Search] (src/assets/DashboardSearch.png)

Task Completed

---

🙌 Contribution

Feel free to fork the repo, submit PRs, or suggest improvements.
This is a great beginner-friendly project to play with React fundamentals.

---

📜 License

MIT License © 2025 Aswini Sandil Medisetti