[P-01]

Rally Room

Drill library for Tennis, Beach Tennis, Pickleball, and Padel — with a visual court diagram editor.

2026 · shipped
  • HTML
  • JS
  • Node.js

Overview

Rally Room is a drill library for racket sports. Coaches and players browse exercises by sport, filter by skill level, can set a focus on what to train, and see each drill illustrated with a court diagram.

How it's built

Content lives in Markdown files with YAML frontmatter. A Node.js build script converts them into per-sport data.json files and injects them into shared HTML templates. The frontend is vanilla JS, served as static assets, hosted on GitHub Pages.

The court diagrams are SVGs generated at runtime from player positions, movement arrows, zones, and markers stored in the frontmatter. A drag-and-drop editor directly generates the Diagram-YAML, as well as all other parts of the exercise content.