Kanban Task Board with Drag and Drop
A Kanban-style project management board with draggable cards, customizable columns, task assignments, labels, and WIP limits. Includes activity log and board sharing for team collaboration.
Target user
Development teams and project managers who use Kanban methodology
Problem
Agile teams need a visual Kanban board with drag-and-drop functionality, WIP limits, and task assignments to manage workflow efficiently without expensive project management tools.
Requirements
- Drag-and-drop cards between columns
- Customizable columns with WIP limits
- Task cards with labels and assignments
- Activity log for board changes
- Board sharing and collaboration
Core technologies
Vue 3, TypeScript, Pinia
Completion criteria
Teams can manage tasks on a visual Kanban board with drag-and-drop, WIP limits, labels, and activity tracking.
Optional extensions
- Add swimlanes
- Implement card aging
- Add board templates
- Support export to JSON
Project phases
Phase 1: Phase 1: Board Structure
Tasks: Set up Vue 3 project with Pinia, Create board, column, and card data models, Build column and card components, Implement board layout
Phase 2: Phase 2: Drag and Drop
Tasks: Integrate drag-and-drop library, Implement card move between columns, Add WIP limit enforcement, Build card creation and editing
Phase 3: Phase 3: Collaboration Features
Tasks: Implement activity log tracking, Add board sharing functionality, Create label management, Apply responsive design