CLEARED Hub logo

CLEARED Hub

Public demo Athletes / Health

CLEARED Hub is an athlete readiness app. Athletes complete a short check-in; staff can review readiness in a dashboard. The public demo shows the interface without connecting to athlete records.

My role. I shaped the athlete check-in and staff review workflow, including the three readiness states. I tested the public demo separately from the live athlete records.

Walk through a check-in Try the public demo Visit CLEARED Hub

From check-in to staff follow-up

This fictional training-day example follows one response from the athlete to the coaching staff.

  1. Submit a check-in

    Athlete responsePoor sleep · Low energy

    Before training, the athlete submits a short check-in from their phone.

  2. Review the queue

    Example dashboard statusMonitor

    The coach opens the response in the readiness dashboard and sees why it warrants a closer look.

  3. Follow up before training

    Staff decisionCheck in with the athlete

    The coach talks with the athlete before deciding whether to adjust the session.

Design decision I used three readiness states to make the staff queue easier to scan, with the check-in details available for follow-up. Staff decide what to do next.

The problem

Staff need a quick way to spot which check-ins warrant follow-up before training. CLEARED Hub brings those responses into one staff view.

How it works

  1. Check in An athlete answers a short check-in.
  2. Review Staff see Cleared, Monitor and Critical states in the dashboard.
  3. Follow up Staff review the information before deciding what to do.
Screenshot
CLEARED Hub demo Daily Digest showing a fictional team readiness summary and alerts.
Daily Digest in the public interactive demo · fictional team and athlete data.

What it includes

  • Mobile check-in
  • Readiness dashboard
  • Public demo separated from live athlete data

Project status

The public demo uses sample data. The platform is deployed and is available to evaluate through the demo.

Technical details

Next.js, TypeScript and Tailwind for the interface, with Supabase for authentication and data.

  • Next.js 15
  • TypeScript
  • Tailwind CSS
  • Supabase (RLS)
  • Vercel
Back to top