VEX Analytics Viewer

ShadCN UI dashboard for VEX analytics with light/dark mode and primary brand color #51CDEA.

Features

• SuperScore rankings from RoboSTEM v3
• Clearly visible ranking mode switch:
  • SuperScore uses RoboSTEM's sort=trueskill
  • SuperScore EXPERIMENTAL uses RoboSTEM's sort=superscore
• Paging with fixed per_page=100
• Team enrichment from RobotEvents API:
  • team name
  • organization
  • region
• Skills from public RobotEvents world skills standings (matched by team number)
• Column sorting for the current 100-row page
• Light/dark mode toggle using next-themes
• ShadCN component stack (Button, Card, Table, Switch, Badge, Toggle Group)

Setup

1. Install dependencies:

   npm install

2. Create environment file:

   cp .env.example .env

3. Configure keys in .env:
   • ROBOSTEM_API_KEY
   • ROBOTEVENTS_API_TOKEN
4. Run development server on port 3567:

   npm run dev

5. Open:
   • http://localhost:3567/superscore

API Route

• GET /superscore/api/rankings?page=1&season=197&mode=superscore
• mode=experimental switches to SuperScore EXPERIMENTAL