Sports Coaching Technology (Athletic Performance) Full-Stack Web App Build

From Film Session to Player's Phone in 2 Minutes: GLDS Performance Brief

AI coaching tool built for GLDS — coaches clip video, record voice, and deliver personalized player briefs via link in under 2 minutes. No app required.

"Coaches go from film session to delivered brief in under 2 minutes — no app required for players"
React 19TypeScriptViteTailwind CSSFramer MotionFirebase AuthFirestoreFirebase StorageGemini 2.5 Flash LiteGoogle AIZustandReact Router DOM v7TwilioNode.js
Frontend
React 19TypeScriptViteTailwind CSS v3Framer MotionZustandReact Router DOM v7
Backend
Node.jsExpressFirebase AuthFirestoreFirebase StorageTwilio SMS
AI Models
Gemini 2.5 Flash Lite
Infrastructure
FirebaseReplit
2 min
Avg. time to send a brief
From opening the app to the player receiving their link
0
Apps players need to install
Players open a link — no account, no download required
3s
AI drafts observations in
Gemini watches the selected clip and returns coach-voiced notes
100%
Personalized per recipient
Every brief is unique — tied to that player's specific clip and moment

Problem Statement

Coaches at GLDS were spending hours studying film, then delivering feedback through voice notes at midnight or buried in group chats where players tuned them out. Feedback was generic, hard to act on, and had no way to confirm players had even seen it. There was no tool designed for the reality of how coaches actually work.

Our Approach

HadidizFlow built Performance Brief — a mobile-first web app that lets coaches upload footage, clip the exact moment they're referencing on a visual filmstrip timeline, record a voice note or trigger AI-drafted observations in their coaching voice, and deliver a personalized brief to each player via a private token link. Players open one link, see their clip play, read the structured brief, and reply directly — no app install, no login.

Gemini AI Brief Generation

Technical Details
Coaches mark a moment on the clip and tap 'Ask AI'. Gemini 2.5 Flash Lite drafts observations in the coach's own voice, which the coach can edit, accept, or override with their own recording. The result reads as the coach's words — players never see which parts were AI-assisted.
Business Value
Reduces brief creation from 30–60 minutes of writing to seconds of AI drafting — with the coach retaining full editorial control. Coaches report the briefs feel more personal than anything they previously sent.

Challenges We Solved

A frame-accurate visual clip editor, entirely in the browser

Coaches needed to pinpoint an exact moment in a video — not a rough timestamp, but a visual moment they could see, drag, and confirm before sending. Default video controls made that slow and imprecise, and the workflow had to stay under two minutes end to end.

We built a custom visual timeline editor that renders the footage as a scrubbable strip of frames with draggable in/out handles and a live frame preview, so coaches select the exact moment by sight in seconds. Clips reference the original footage rather than re-encoding it, keeping the experience instant and storage lightweight.

Canvas APIReact 19Framer MotionFirebase Storage

Instant, login-free delivery that's still locked down

Players had to receive and open their brief instantly — any friction like an app download or account signup would kill adoption. At the same time, briefs are personal and could not be accessible to anyone but their intended recipient.

We designed a private link delivery model where each brief opens on its own secure, unguessable link with no account required, while server-side access rules ensure a recipient can only ever see and respond to their own brief. Coaches are notified the moment a brief is opened.

Firestore Security RulesReact Router DOM v7Firebase

AI speed without losing the coach's voice

The hard part of AI-assisted feedback is trust: draft too aggressively and briefs feel robotic and impersonal; add round-trips and the two-minute workflow falls apart. The coach had to stay in control without slowing down.

We tuned the AI to draft in the coach's own direct voice and surface its additions as individual, reviewable suggestions the coach can accept, edit, or replace with their own recording. Approved content reads as one seamless brief — players never see an 'AI' label, and the coach always has the final say.

Gemini 2.5 Flash LiteZustandTypeScript

Project Timeline

1

Discovery

Worked with GLDS to define the core product rule: one tool, one job, one output. Scoped strictly to the Input → Generate → Deliver workflow, explicitly ruling out analytics dashboards, team management, and platform-style feature creep. The product alignment doc became the north star for every build decision.

2

Build

Built the full 5-step brief wizard (player selection, footage upload + filmstrip clipping, voice/transcript capture, AI brief generation with suggestion review, delivery), roster management, footage library, and the public player brief view. Firebase handled auth, storage, and real-time data. Gemini 2.5 Flash Lite handled all AI generation in a single structured call.

3

Launch

Delivered a production-ready build deployable to Replit with Firebase hosting for Firestore and Storage. Provided a full setup guide, Firestore security rules, Storage CORS configuration, and deployment instructions so GLDS could go live immediately with their own Firebase project and credentials.

Want results like this for your business?

No pressure, no pitch deck. Just a free strategy call to explore what’s possible for your specific goals — and whether we’re the right fit to get you there.

Book a Free Strategy Call