✅ TaskZen

A modern task management application built with React, TypeScript, and Tailwind CSS featuring CRUD operations, filtering, local storage persistence, and a responsive user interface.

---

🌐 Live Demo

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

---

✨ Features

• Create, edit, and delete tasks
• Mark tasks as completed or pending
• Filter tasks (All, Pending, Completed)
• Dark & Light mode
• Local storage persistence
• Responsive design
• Component-based architecture
• Clean and intuitive UI

---

🛠️ Tech Stack

• React
• TypeScript
• Tailwind CSS
• Local Storage
• Vercel

---

📂 Folder Structure

src/
├── components/
├── types/
├── App.tsx
├── index.tsx
└── ...

---

⚙️ Installation

Clone the repository

git clone https://github.com/OmBaisane/TaskZen.git

Navigate to the project

cd TaskZen

Install dependencies

npm install

Run the development server

npm start

---

📚 Key Learnings

• Built a complete CRUD application using React and TypeScript
• Improved state management with proper TypeScript typing
• Implemented local storage persistence
• Created reusable and modular React components
• Practiced clean project structure and scalable code organization

---

🔮 Future Improvements

• Drag & Drop task sorting
• Due dates
• Categories & tags
• Search functionality
• Cloud synchronization
• User authentication

---

📫 Contact

• 🌐 Portfolio: https://portfolio-nine-phi-ry8fa70ws1.vercel.app
• 💻 GitHub: https://github.com/OmBaisane
• 💼 LinkedIn: https://www.linkedin.com/in/om-baisane-b96625346
• 📧 Email: ombaisane29@gmail.com

---

📄 License

This project is licensed under the MIT License.