🧭 Project Management UI (Asana Clone – Frontend MVP)

A modern, Asana-inspired project management frontend, built using React, Styled Components, Zustand, and Redux Toolkit.
This MVP focuses on interactive UI, advanced state management, and scalable architecture, ready for future backend integration.

🚀 Features

• 🧱 Board and Task Management Interface
  Interactive Kanban-style layout with real-time drag-and-drop for tasks and columns.

• 🪄 Advanced Drag & Drop Logic
  Built using React DnD, Flipper, and Flipped for buttery-smooth transitions and custom logic for adaptive reordering.

• 🧠 State Synchronization
  Combines Zustand (lightweight) and Redux Toolkit (structured) for hybrid global/local state management.

• 🎨 Modern Styling
  Responsive design with Styled Components, full theming support, and clean component isolation.

• ⚡ Architecture & Performance
  Modular folder structure, optimized React hooks, and memoized components for smooth UX.

• 🧩 Future-Ready
  Built with backend integration in mind — reusable APIs, modular logic, and extensible UI.

---

Tech Stack

Technology	Purpose
React 18	Core UI library
Redux Toolkit	Global predictable state
Zustand	Lightweight store for local state
Styled Components	Theming and component styling
React DnD	Drag-and-drop functionality
Flipper / Flipped	Advanced animations

---

🛠️ Installation & Setup

From source

git clone https://github.com/s1mer-ddc/project-management-ui.git
cd project-management-ui
npm install
npm start