dinocode logodinocode
Back to Our Work
ProfessionalSports Tech

GameSheet Suite

Ice Hockey Statistics & League Management Platform

Open Site
Loading live preview...

GameSheet is a suite of applications that power ice hockey leagues across North America, serving thousands of teams and hundreds of thousands of players and fans.

The Challenge

Ice hockey leagues needed a unified platform to handle real-time game scoring, player statistics, team management, and public-facing stats portals. The solution had to work across web and mobile devices, handle high traffic during game times, and provide real-time updates to fans watching from anywhere.

📘

Scale of Operations

The platform processes thousands of games per season, tracking millions of data points including goals, assists, penalties, and goaltender statistics across multiple leagues and divisions.

The Solution

We built a comprehensive suite of three interconnected applications, each optimized for its specific user base:

GameSheet Stats (Public Portal)

The public-facing statistics portal uses Next.js 13 with Preact for optimal performance. Fans can view real-time game scores, player statistics, league standings, and historical data.

💎

Performance Optimization

By using Preact instead of React and implementing SWR for data fetching, we achieved sub-second page loads even during peak traffic periods when multiple games are being played simultaneously.

GameSheet App (Admin Dashboard)

The core league management application handles everything from team registration to game scheduling to real-time scoring. Built with React and Redux-Saga for complex state management, it serves scorekeepers, league administrators, and team managers.

GameSheet Teams (Mobile-First Team Portal)

The newest addition to the suite, Teams provides a modern mobile-first experience using React 19 and Capacitor for native iOS and Android apps. Real-time updates via WebSockets keep coaches and parents informed about game schedules, scores, and team communications.

🚀

Cross-Platform Mobile

Using Capacitor 7, we ship native iOS and Android apps from a single React codebase, reducing development time by 60% compared to maintaining separate native apps.

Technical Architecture

The backend is built with Go and Hono for high-performance API endpoints, with PostgreSQL as the primary database. Firebase handles authentication and real-time data synchronization. The monorepo structure uses Turborepo for efficient builds across all applications.

📘

Testing Strategy

Each application has comprehensive test coverage using modern tools: Vitest and Playwright for the Teams app, Jest and Cypress for the Admin Dashboard, ensuring reliability during rapid development cycles.

Results

  • Serving hundreds of hockey leagues across North America
  • Processing thousands of games per season with real-time updates
  • Sub-second load times during peak traffic
  • Native mobile apps for iOS and Android
  • 99.9% uptime during critical game periods

Applications

GameSheet Stats

Public-facing statistics portal for players, parents, and fans

Next.js 13PreactStyled-componentsTailwind CSSSWRRecoilFirebaseag-Grid

GameSheet App

Core league management application for administrators and scorekeepers

React 16.9ReduxRedux-SagaSASS/SCSSBootstrap 4Material-UIWebpack 4

GameSheet Teams

Real-time team management portal with cross-platform mobile support

React 19ViteTanStack QueryStyled-componentsTailwind CSS 4Capacitor 7

Quick Facts

Industry
Sports Tech
Tech Stack
ReactNext.jsTypeScriptGoPostgreSQLFirebaseTanStack QueryWebSockets
Styling
Tailwind CSSStyled-componentsSASS/SCSSMaterial-UI
Testing
JestCypressVitestPlaywrightMSWTesting Library

Like what you see?

Let's discuss how we can build something amazing for your business.

Get in Touch