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