Mobile Experience Polish

Canadian Elite Volleyball Academy — Development Update • April 7, 2026

Mobile Experience Polish

What & Why

Parents at games need quick access to RSVP, live scores, and messaging from their phones. Coaches courtside need efficient attendance-taking and fast evaluations on small screens. The app already has responsive foundations (sidebar→drawer, Tailwind breakpoints, PWA manifest) but several key flows have desktop-first layouts, small touch targets, and unnecessary visual clutter on mobile. This task is a focused polish pass on the highest-impact mobile workflows.

Done looks like

• Parents can RSVP/register for events with minimal scrolling and large, thumb-friendly buttons on mobile
• Event detail page sticky registration card works properly on small screens without overlapping content
• Live scores and event status are prominently visible at the top of event pages on mobile
• Messaging feels like a native chat app on mobile: full-height thread view, fixed composer at bottom, smooth conversation switching
• Coach event session page is optimized for courtside use: large attendance toggles, swipeable athlete cards, collapsible rating sections
• Skill evaluation wizard has oversized touch targets for sliders and star ratings on mobile
• Bottom action bar on key pages (event detail, coach session) for the most critical actions so users don't have to scroll
• Dashboard cards stack cleanly on mobile with appropriate spacing
• Tables that appear on mobile (rosters, registrations) convert to card-based layouts on small screens
• No horizontal scrolling anywhere on mobile viewports

Out of scope

• Native mobile app or Capacitor/Cordova wrapper
• Offline-first data caching (beyond existing service worker)
• New features or functionality — this is purely a polish/UX pass on existing flows
• Desktop layout changes — all modifications should be behind mobile breakpoints

Relevant files

- - - - - - - - - - - -

Canadian Elite Volleyball Academy
elitevolleyball.training