Back to Projects

Sprint Derby

Next.js 15 app built on Firebase Studio for sprint/agile competition tracking with AI-powered features via Genkit

Sprint Derby

Sprint Derby

Overview

Sprint Derby is a Next.js 15 application, scaffolded with Firebase Studio, for tracking sprint and agile competition. It frames team progress as a friendly "derby", visualising how members and teams stack up across a sprint, with AI-powered features delivered through Genkit.

Key Features

  • Competition Tracking: Track sprint/agile progress as a friendly competition between participants
  • Data Visualisation: Charts and standings powered by Recharts
  • AI Features: Genkit-powered AI assistance layered into the experience
  • Team Management: Add and manage participants and teams
  • Responsive Design: Works seamlessly on desktop and mobile devices
  • Firebase Integration: Backed by Firebase services and built on Firebase Studio

Technical Stack

  • Framework: Next.js, TypeScript
  • Platform: Firebase (built with Firebase Studio)
  • AI: Genkit AI
  • Charts: Recharts
  • Styling: Tailwind CSS, Radix UI
  • Validation: Zod

Architecture

The application follows a modern Next.js 15 architecture with:

  • Component-based design using React functional components and hooks
  • AI Genkit flows providing assistive features
  • Visualisation Recharts for standings and progress charts
  • Responsive UI built with Tailwind CSS and Radix UI components
  • Type-safe development with TypeScript throughout the codebase

Challenges & Solutions

  • AI Integration: Wired Genkit AI into the app for assistive features
  • Data Visualisation: Used Recharts to present competition standings clearly
  • Mobile Responsiveness: Designed responsive components for desktop and mobile
  • Type Safety: TypeScript and Zod keep the codebase and data consistent

Impact & Results

  • Enhanced Team Engagement: Turns sprint tracking into a friendly, motivating competition
  • Clear Standings: Visualisations make progress easy to read at a glance
  • Cross-platform Accessibility: Works on any device with a web browser
  • Zero Setup Required: No installation needed, accessible via web link