A laptop showing the division overview page of the Leagrr app

Leagrr

Roles

  • Developer
  • Designer
  • Project Manager
Three screens of the Leagrr app.

What is Leagrr?

Leagrr is a sports league management web application that aims to make organizing and participating in sports leagues and teams easier and more user friendly. The target audience is recreational sports leagues, but it provides features that can work for all levels of sports. The app is currently in alpha and focuses on ice hockey. Users can create and manage sports leagues, add new seasons and divisions, create and join teams, and track games and stats.

Key Features

Leagrr league page

Create & Manage Leagues

Create your league, add multiple seasons with multiple divisions. Invite teams, schedule games, and track stats.

Leagrr team page

Create, Manage & Join Teams

Create your team, join different leagues, manage your team membership and set different rosters for each league.

Leagrr game feed

In-depth Stat Tracking Game Feed

Follow the action with the game feed, track stats like shots, goals, penalties and more including stat time and location.

Demos

Create, Edit, Add Stats for Games

See how Leagrr manages games within a league and utilizes an in-depth game feed to track stats and automatically update game scores and league standings.

Add Teams to Divisions & Set Rosters

See how to add teams to a division within Leagrr and how to update team rosters within specific divisions.

What's different about Leagrr?

A common occurrence in rec sports is that people will play together on a team across multiple seasons and often multiple leagues at the same time. Most league management apps have teams made specifically as part of an individual league. This means when play in multiple leagues, multiple disconnected versions of the team are created. In Leagrr, a team is its own separate entity and can be invited to join as many leagues as they want and can set its roster for each league individually from the main pool of team members. Meaning the team acts as a hub that keeps all of its members from across all leagues, as well as all of the team and player stats history, in one place.

Tech Stack

Next.js

Leagrr is built in Next.js and leverages both server-side and client-side rendering to create a seamless interactive experience.

PostgreSQL

Leagrr leverages PostgreSQL's powerful object-relational database system to efficiently use interconnected data.

CSS Modules

Leagrr's responsive styling is create with CSS Modules using the latest modern CSS features.