Volleyball Match Intelligence

A responsive TypeScript and React dashboard for volleyball match data. The application combines public match results and spreadsheet statistics with local fallback data to compare team and player profiles.

Open the live dashboard

Features

• Data imports with a fallback so the interface remains usable without a network connection
• Radar charts built as an SVG component
• Filters for role, period, competition, and ranking metric
• Team and player profiles in a responsive interface
• A team builder for planning lineups by set
• Separate tests, linting, type checking, and production builds

Architecture

Public match results and spreadsheet CSV exports
        |
        +-- available: current match data
        +-- unavailable: local fallback dataset
                         |
                         v
                 React dashboard
             Filters · Profiles · Charts

Stack

• React
• TypeScript
• Vite
• Vitest
• ESLint
• SVG visualizations

Run locally

npm ci
npm run dev

Quality checks

npm test
npm run lint
npx tsc -b
npm run build

Deployment

GitHub Actions builds and deploys the application to GitHub Pages after a push to main. The Vite base path is /volleyball-match-intelligence/ so the published page loads its JavaScript and styles from the repository URL.

Data and privacy

The application uses the intended public match results and spreadsheet exports. No credentials or private API keys are required. Local outputs and temporary files are excluded from the repository.

Status

The dashboard is a working prototype for analyzing volleyball match data. The analysis and data sources can be developed independently.