🚀 TaskZen – Task Manager App

A task management web application built using React + TypeScript, focused on clean UI and efficient task handling.

---

🌐 Live Demo

👉 https://task-zen-omega.vercel.app/

---

📌 Features

• Add, Edit, Delete tasks (CRUD)
• Mark tasks as Completed / Pending
• Filter tasks (All / Pending / Done)
• Dark / Light mode toggle
• Data persistence using localStorage
• Fast and responsive UI
• Component-based architecture

---

🛠️ Tech Stack

• React
• TypeScript
• Tailwind CSS
• Vercel (Deployment)

---

📂 Project Structure

src/ ├── components/ │ ├── TaskInput.tsx │ ├── TaskList.tsx │ └── TaskItem.tsx ├── types/ │ └── task.ts ├── App.tsx └── index.tsx

---

⚙️ Installation & Setup

1. Clone the repository git clone https://github.com/OmBaisane/TaskZen

2. Navigate to project folder cd task-zen

3. Install dependencies npm install

4. Start development server npm start

---

🧠 Key Learnings

• Applied TypeScript in a real-world React project
• Improved state management with proper typing
• Built reusable and modular components
• Implemented localStorage for persistence
• Structured project for scalability and clarity

---

🙌 Author

Om Baisane

• GitHub: https://github.com/OmBaisane/TaskZen
• LinkedIn: https://www.linkedin.com/in/om-baisane-b96625346

---

⭐ Note

This project demonstrates strong fundamentals in React + TypeScript and practical frontend development.