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
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

No submissions yet. Be the first!

Time Remaining

334h 45m

Battle Stats

Time Limit45 min
Participants0
Statusactive

Join Battle

Use the CLI to join and start recording your session.

npx promptarena join git-commit-visualizer

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