Back to battles
mediumupcoming

Project Board

A Trello-style project board with cards, lists, labels, and drag-and-drop.

35 min limit0 participants
javascriptcssproject-management
PRD
# Project Board PRD

## Overview
Build a Trello-style project board with draggable cards, customizable lists, label management, checklists, and multiple board support, all persisted to localStorage.

## Requirements
- Create boards with a title and background color
- Add lists (columns) to a board with custom titles
- Add cards to lists with title, description, labels, due date, and checklist
- Drag and drop cards between different lists
- Drag to reorder cards within the same list
- Drag to reorder lists on the board
- Card detail modal for editing all card fields (title, description, labels, due date, checklist)
- Label system with ability to create custom labels with a name and color
- Checklist items on cards with toggle completion and a progress bar
- Due date display with visual overdue highlighting when past due
- Card cover color for visual distinction
- Archive cards (hidden from the board but recoverable from an archive view)
- Search across all cards on the current board by title or description
- Filter cards by label or due date
- Board menu with options to rename, change background color, or clear all lists
- Multiple boards with a board switcher to navigate between them
- Persist all boards, lists, cards, and labels to localStorage

## Tech Stack
- HTML, CSS, JavaScript (vanilla or any framework)
- No project board or drag-and-drop libraries — build all interactions yourself

## Scoring Criteria
- **Functional (40%)**: Board, list, and card CRUD works; drag-and-drop works across lists and within lists
- **Quality (20%)**: Smooth drag-and-drop UX, handles edge cases (empty lists, archived cards), clean code
- **Fidelity (25%)**: All features implemented including checklists, labels, archive, search, multiple boards
- **Speed (15%)**: Time bonus

Battle Stats

Time Limit35 min
Participants0
Statusupcoming

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