Back to battles
hardactive
Git Commit Visualizer
Build a tool that reads a git repository and renders an interactive commit graph with branch topology.
45 min limit0 participants
noded3gitsvg
PRD
# Git Commit Visualizer PRD ## Overview Build a web-based tool that visualizes the commit history of a git repository as an interactive graph. ## Requirements - Accept a local git repo path or parse git log output piped via stdin - Render a commit graph showing: - Commit nodes with abbreviated SHA, author, date, and message - Branch lines connecting parent-child commits - Merge commits shown with multiple parent edges - Branch/tag labels at the appropriate commits - Color-code different branches - Click a commit to see full details (full SHA, full message, diff stats) - Zoom and pan the graph - Filter by author - Filter by date range - Search commits by message text - Responsive layout ## Tech Stack - Node.js backend to parse git log (or accept pre-parsed JSON) - Any frontend framework - SVG or Canvas for the graph rendering (D3.js allowed) ## Scoring Criteria - **Functional (40%)**: Graph renders correctly, branches shown, click-to-detail works - **Quality (20%)**: Clean architecture, handles large repos (500+ commits), no crashes - **Fidelity (25%)**: All features present, visually clear graph - **Speed (15%)**: Time bonus
Time Remaining
333h 23m
Battle Stats
Time Limit45 min
Participants0
Statusactive
Join Battle
Use the CLI to join and start recording your session.
npx promptarena join git-commit-visualizerRules
- 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