🚀 KanFlow — Ultra-Modern Kanban Task Board

KanFlow is a high-performance, dark-aesthetic Kanban Board designed for modern workflow management. Built using React 18, Vite, and Tailwind CSS v4, it offers micro-interactions, smooth animations via Framer Motion, dynamic metrics filtering, and native keyboard shortcuts to deliver a desktop-grade user experience in the browser.

📸 Preview

---

✨ Key Features

• 🎛️ Drag-and-Drop Dropzones: Seamless column-to-column item placement with real-time reactive structural synchronization.
• ⚡ Hotkey Acceleration: Press N anywhere on the page to immediately prompt a new task placement modal instantly bypassing manual button hunting.
• 🧬 Dynamically Filtered Metrics: Instantly compute context density segments grouped precisely by High, Medium, and Low priorities.
• 🎨 Tailwind v4 CSS Engine: Fully leverages the new CSS-first design workflow using customized configurations (bg-[#0a0a0f], custom smooth webkit scrollbars).
• 🎬 Micro-Interaction Feedback: Beautiful layout entry-exit states powered safely under AnimatePresence from Framer Motion.

---

🛠️ Tech Stack & Architecture

• Frontend Core: React 18 (Functional Hooks, Custom Composables, Context, useMemo)
• Build Tool: Vite (Ultra-fast Hot Module Replacement)
• Styling Pipeline: Tailwind CSS v4 (CSS-first engine)
• Animations: Framer Motion
• Icons: React Icons (fa pack)

---

🚀 Getting Started

Follow these precise steps to set up the workspace locally on your system.

1. Clone the Repository

git clone [https://github.com/YOUR_GITHUB_USERNAME/YOUR_REPO_NAME.git](https://github.com/Shafi810/YOUR_REPO_NAME.git)
cd YOUR_REPO_NAME