StatsJam is a modern, responsive web application designed to provide fellow NHL fans with comprehensive team and player statistics in an intuitive interface. Whether you're a die-hard fan or just curious about the latest stats, StatsJam has you covered.

• Complete NHL team directory with official logos and team statistics
• Detailed player profiles with photos and comprehensive statistics
• NHL playoff bracket viewer with tournament series tracking
• Team roster management with player navigation and detailed roster cards
• Separate regular season and playoff statistics for complete player analysis
• Position-specific stats display - tailored metrics for goalies vs. skaters
• Advanced player metrics and performance analytics
• Team statistics dashboard with comprehensive performance metrics
• Smart navigation between teams, players, and playoff data
• Responsive design for desktop and mobile devices
• Fast, modern interface built with React and Material-UI

StatsJam leverages modern web technologies to deliver a fast, reliable experience:

• React 19 - Latest version of the popular front-end library
• Material-UI 7 - Modern UI component library for React
• Vite - Next generation frontend tooling
• JavaScript - ES6+ syntax for clean, maintainable code
• SportRadar NHL API - Access to comprehensive NHL statistics
• ESPN Media - Source for team logos and player images

All NHL statistics are provided by the SportRadar NHL API, ensuring accurate and up-to-date information. Team logos and player photos are sourced from ESPN's comprehensive media library.

Note: This application uses the SportRadar trial API, which may have rate limits and seasonal data restrictions. Some statistics may not be available during off-season periods.

• Node.js 18.0.0 or higher
• npm or yarn

1. Clone the repository

git clone https://github.com/yourusername/statsjam.git
cd statsjam

2. Install dependencies

npm install
# or
yarn install

3. Create .env file with your SportRadar API key

VITE_SPORT_RADAR_API_KEY=your_api_key_here
VITE_NHL_SEASON=2024

4. Start the development server

npm run dev
# or
yarn dev

5. Open your browser and navigate to http://localhost:5173

• Browse teams - View the complete list of NHL teams with logos and basic info
• Team details - Click on any team to view roster, statistics, and team performance
• Player profiles - Click on any player to see detailed stats, photos, and career information
• Playoff bracket - Navigate to the Playoffs section to view tournament brackets and series
• Season data - Access both regular season and playoff statistics where available
• Responsive design - Enjoy the same experience on desktop, tablet, or mobile devices

© 2025 StatsJam. All rights reserved.

Created for NHL fans who love statistics and clean design