TaskFlow - Modern Task Management Application

TaskFlow is a modern, interactive task management web application built to streamline productivity. It features a responsive UI with smooth animations, local storage persistence, and a productivity-tracking dashboard.

🚀 Live Demo: taskflow-pink-six.vercel.app

---

🛠️ Tech Stack

• Frontend Library: React.js (Vite)
• Styling & UI: Tailwind CSS, shadcn/ui
• Animations: Framer Motion
• State Persistence: LocalStorage
• Icons: Lucide React

---

✨ Key Features

• Interactive Task Board: Seamless CRUD (Create, Read, Update, Delete) operations for tasks.
• Search & Filters: Instant real-time task search and filtering by completion status.
• Productivity Dashboard: A progress-tracking overview showing completed vs. pending tasks.
• Rich User Experience: Smooth micro-animations for transitions and status updates.
• Responsive Styling: Optimized for mobile, tablet, and desktop screens with built-in dark/light mode.

---

📂 Project Structure

taskflow/
├── src/
│   ├── components/  # Reusable UI components (buttons, cards, dashboard)
│   ├── context/     # State management context
│   ├── App.jsx      # Main Application logic
│   └── index.css    # Tailwind CSS config
├── package.json
└── vite.config.js

---

🚀 How to Run Locally

1. Clone the repository:

   git clone https://github.com/Saket-Chawla/taskflow.git
   cd taskflow

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev