ShadCN UI dashboard for VEX analytics with light/dark mode and primary brand color #51CDEA.
- SuperScore rankings from RoboSTEM
statiq - Paging with fixed
limit=100andskip=(page-1)*100 - Team enrichment from RobotEvents API:
- team name
- organization
- region
- Skills from public RobotEvents world skills standings (matched by team number)
- TrueSkill toggle to sort the current 100-row page
- Light/dark mode toggle using
next-themes - ShadCN component stack (Button, Card, Input, Table, Switch, Badge)
- Install dependencies:
npm install
- Create environment file:
cp .env.example .env
- Configure keys in
.env:ROBOSTEM_API_KEYROBOTEVENTS_API_TOKEN
- Run development server on port
3567:npm run dev
- Open:
GET /superscore/api/rankings?page=1&season=197