Sitting beside your player

How Pivot turns a ten-minute conversation between a parent or youth coach and a young player into concrete football habits.

01Coach role

Set the picture

Pick a 7v7, 9v9, or 11v11 lesson. Read the one-sentence question above the pitch together.

02Guidance hidden

Hand over the screen

Lane arrows disappear and setup locks. Your child inspects the board without hints.

03Learner role

Make one football choice

Preview and confirm a pass, or drag the named player into better space.

04Before / after

Talk through the trade-off

Toggle between the starting snapshot and the new shape. Try another option in one tap.

One screen, two chairs, no joystick

Most kids play Saturday morning football in a blur of shouting from both touchlines. By the car ride home, telling an eight-year-old to "check your shoulder and find width" sounds like homework in a foreign language.

Pivot puts a calm 3D pitch between the two of you. You set a situation or pick one of the five built-in lessons, read a one-sentence question aloud, hide the coaching arrows, and hand over the mouse or tablet. After your child passes or moves a player, you flip between Before and After and talk about what opened up.

Runs entirely in the browser with React, Three.js, and local storage (`krkic:v1`).
No accounts, no cloud sync, no chat prompts, and no match-engine randomness.
Supports 7v7, 9v9, and 11v11 formats with Foundations (plain kid-friendly language) and Competitive coaching notes.

Run the board locally

If you want to run Pivot offline on a laptop before training or inspect how the geometric rules evaluate a lesson, clone the repository and start the Vite server.

Terminal

npm ci
npm run dev
# Coaching board: http://localhost:5173/app/
# Unit & E2E checks:
npm run typecheck && npm run lint && npm test

What the board refuses to fake

Pivot measures distances, passing corridors, and goal-side angles. It does not simulate ball flight, goalkeeper dives, stamina, offside traps, or a percentage chance of scoring.

That restraint is deliberate. When a young player drags a midfielder four metres wider and sees a blocked red corridor turn into a green open lane, they understand the geometry right away because nothing random happened behind the curtain.