ApxCoach

AI coaching workspace for player development, tactical planning, and match preparation.

ApxCoach is a React and TypeScript application that turns player profiles, events, images, video notes, and coaching conversations into a structured workflow for recommendations and training plans. It is a practical example of forward-deployed AI product work: take an ambiguous coaching process, model the workflow, add AI where it helps, and keep the interface usable for non-technical operators.

Highlights

• Player dashboard with training context, profile data, and coaching history
• AI recommendation surface for development priorities and next actions
• Image and video analysis flows for coach-assisted review
• Event planning and exportable training-plan workflows
• Persistent local data hooks plus a mock data layer for rapid iteration
• Gemini-powered service layer isolated behind application services

Why This Matters

The core implementation pattern maps to customer-facing AI work: discover the real workflow, capture enough domain context, use AI to produce useful next steps, and wrap it in a product surface that a practitioner can actually use.

Stack

• React
• TypeScript
• Vite
• Gemini API integration
• Local and persistent data hooks

Local Setup

npm install
cp .env.local.example .env.local 2>/dev/null || true
npm run dev

Set GEMINI_API_KEY in .env.local when using AI features locally.