GoShip
How It WorksChallengesPricingEmployers
Sign InGet Started
0developers
0companies
0assessments scored
How It Works
|Pricing
|Challenges
|Employers
|Privacy
|Terms
GoShip© 2026
Get updates
Twitter·GitHub
Systems nominal
BUILDMID

Build a Kanban Board

75 minutes
0 completed
reactdrag-and-dropfrontendstate-management

Description

Build a Kanban Board

Build a Kanban-style project board with drag-and-drop functionality.

Requirements

  • Three default columns: To Do, In Progress, Done
  • Add, edit, and delete cards within columns
  • Drag and drop cards between columns
  • Cards have: title, description, priority label, and assignee avatar
  • Add and rename columns
  • Persist board state to localStorage

    • Technical Notes

    You may use a drag-and-drop library (e.g., dnd-kit, react-beautiful-dnd) or implement it natively.

    Bonus Points

  • Card color coding by priority
  • Card count per column
  • Collapse/expand columns
  • Keyboard-accessible drag and drop

    • You will be guided through MCP setup before the timer starts