What
The app is built mobile-first in spirit but hasn't had a dedicated responsive review pass. Players will record swing clips on their phones and want to review them on the same device.
Scope
Audit + fix on iPhone-sized viewports (375px width, 390px tested):
- VideoPlayer — controls reachable with thumb, scrubber large enough to grab, fullscreen button visible
- UploadArea — drop zone usable; tap-to-pick obvious; mobile camera intent (
accept=\"video/*\" capture=\"environment\") so the OS file picker offers "Record Video" directly
- Tabs — bottom-nav vs top-tabs; ensure tab targets are ≥44px tall
- ChatInterface — input doesn't get covered by the iOS keyboard; auto-scroll on new messages
- SessionLibrary — cards stack cleanly; timestamp chips wrap not overflow
- Onboarding — single-column on mobile, no horizontal scroll
- Modals/dialogs — full-screen sheets on small viewports
Acceptance
- Manual smoke test on iPhone Safari + Android Chrome
- Lighthouse mobile usability score ≥90
- No horizontal scroll on any tab at 375px
Notes
The app is hosted on Vercel — once a PR is up, use the preview URL to test on a real phone, not just devtools simulator.
What
The app is built mobile-first in spirit but hasn't had a dedicated responsive review pass. Players will record swing clips on their phones and want to review them on the same device.
Scope
Audit + fix on iPhone-sized viewports (375px width, 390px tested):
accept=\"video/*\" capture=\"environment\") so the OS file picker offers "Record Video" directlyAcceptance
Notes
The app is hosted on Vercel — once a PR is up, use the preview URL to test on a real phone, not just devtools simulator.