Back to battles
mediumactive

Kanban Board

Build a Trello-style Kanban board with drag-and-drop, multiple columns, and persistent state.

35 min limit1 participants
reactjavascriptdnd
PRD
# Kanban Board PRD

## Overview
Build an interactive Kanban board for task management.

## Requirements
- Default columns: To Do, In Progress, Done
- Add, edit, and delete cards within any column
- Drag and drop cards between columns
- Drag and drop to reorder cards within a column
- Add and rename columns
- Delete columns (moves cards to "To Do")
- Card fields: title (required), description (optional), color label
- Double-click card to edit
- Persist entire board state to localStorage
- Undo last action (Ctrl+Z)
- Responsive layout — columns scroll horizontally on small screens
- Clean, modern UI with subtle animations on drag

## Tech Stack
- Any frontend framework
- HTML5 Drag and Drop API, or a library (dnd-kit, react-beautiful-dnd, SortableJS)
- No backend required

## Scoring Criteria
- **Functional (40%)**: Drag-and-drop works, CRUD on cards/columns, persistence
- **Quality (20%)**: Smooth animations, no jank, clean code
- **Fidelity (25%)**: All features present, polished look
- **Speed (15%)**: Time bonus

Time Remaining

0h 0m

Battle Stats

Time Limit35 min
Participants1
Statusactive

Join Battle

Use the CLI to join and start recording your session.

npx promptarena join kanban-board

Rules

  • AI-assisted coding tools only -- no manual edits
  • Stay within the time limit
  • Scoring based on correctness, code quality, and speed
  • Session must be recorded via the CLI