Kanban Board Refactor & Type-Safe Architecture

[ash1shkumar]

📌 Description

This PR introduces a fully refactored Kanban system with strict TypeScript safety, improved drag-and-drop stability, and cleaner component separation. The update removes type inconsistencies between board and column layers and ensures predictable state updates across interactions.

---

🔧 Changes Made

🧱 Type System Improvements

• Introduced strict TaskStatus union type
• Standardized Column interface across components
• Ensured consistent Task structure across board and column

📊 Kanban Board Enhancements

• Stabilized drag-and-drop lifecycle handling
• Improved task filtering per column
• Cleaned up socket event integration
• Simplified state updates for better predictability

🧩 Kanban Column Improvements

• Fully typed props (Column, Task)
• Removed type mismatches in droppable context
• Improved empty-state handling UI
• Optimized rendering with SortableContext

⚡ Performance & Stability

• Reduced unnecessary re-renders in drag operations
• Improved state normalization logic
• Safer status transitions during drag events

---

🎯 Benefits

• Fully type-safe Kanban system (no TS errors)
• More stable drag-and-drop experience
• Easier maintainability and scaling
• Cleaner separation of board vs column logic
• Reduced runtime inconsistencies

---

🧪 Testing Done

• Drag & drop across columns
• Task reorder within same column
• Socket updates for create/update/delete
• Empty column rendering
• TypeScript compilation verified

---

Fixes #369

⚠️ Notes

• Ensure backend task API supports status + position updates
• Requires @dnd-kit/core and @dnd-kit/sortable

---

🏷 Expected Labels

level3, NSoC'26

[vercel]

@ash1shkumar is attempting to deploy a commit to the shreemp194-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

👋 Thank you for opening this pull request! I will review your changes and assist you soon.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
flow-forge	Ready	Preview, Comment	Jun 15, 2026 6:12pm