VarFoot is an AI-powered football training PWA. You go through an onboarding assessment, it scores you across skill categories, builds you a personalized training roadmap, and an AI coach responds to you in real time based on your data.
I started with a full PWA rebuild, onboarding wizard, 5 tabs, the whole foundation. Since then I have been stacking features on top.
The big thing I just shipped is streaming AI coaching. Previously the coach would just spinner and dump a response. Now it uses SSE streaming through a Next.js route and renders the text chunk by chunk with a live blinking cursor, the same way ChatGPT types out responses. The coach also gets context from your last 6 messages and knows your session length so it stops making things up.
Nutrition is now personalized. I implemented Mifflin-St Jeor with an activity multiplier so calorie and macro targets are calculated from your actual height, weight, age, and activity level collected during onboarding instead of being hardcoded.
Onboarding now ends with an aha moment: a score ring reveals your overall level, your strongest skill, and what to focus on. Before it was just a done screen. I also added sessionStorage draft-saving so if you refresh mid-onboarding your progress is not lost.
Drills have a stopwatch mode for sprint work and a fill timer ring that builds toward your varsity benchmark on hold drills.
Gap analysis was redesigned as collapsible per-category accordions so you can drill into exactly where you are falling short.
The UI is framed as a phone shell on desktop so it always looks like a real mobile app regardless of screen size.
Still working on some edge cases in the roadmap logic and refining how the coach uses session context.
You can check it out at varfoot.vercel.app
Happy coding!
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.