Skip to content
📊
Deployed

Azure DevOps Sprint Scorecard

React/Next.js/Node.js Azure DevOps extension providing real-time sprint health and status visibility, designed to enable instant insights for both internal and external stakeholders.

ReactNext.jsNode.jsAzure DevOps Extension SDKVSIXViteTypeScript

Project Overview

Developed a comprehensive Azure DevOps extension that integrates a custom "Sprint Summary" board directly into Azure DevOps work items, providing real-time sprint health and status visibility for stakeholders.

Built using Next.js for the embedded frontend and Azure API Web App for the backend, with secure Azure AD authentication and real-time data integration through the Azure DevOps REST API. The extension transforms traditional status meetings into instant, data-driven insights for both internal teams and external stakeholders.

Core Capabilities

📊

Sprint Summary Dashboard

Clean, organized display of current sprint information including status, goals, achievements, and key metrics.

🎯

Goals & Achievements Tracking

Visual representation of sprint goals with completion status and accomplishments throughout the sprint.

🔗

Azure DevOps Integration

Seamlessly integrates with Azure DevOps REST API and Azure AD authentication for secure data access.

⚠️

Impediments & Risks Management

Clear visibility into sprint blockers, risks, and their impact levels with resolution planning.

📅

Next Sprint Planning

Overview of upcoming sprint goals and planning items to maintain forward momentum.

👥

Stakeholder Visibility

Instant insights for both internal teams and external stakeholders through embedded dashboard.

System Architecture

Data Collection Layer

  • • Azure DevOps REST API integration
  • • Real-time sprint and work item data fetching
  • • Webhook listeners for real-time updates (planned)
  • • Scheduled data synchronization jobs (planned)

Data Presentation Layer

  • • Sprint summary and status visualization
  • • Goals and achievements tracking display
  • • Impediments and risks identification
  • • Next sprint planning overview

Visualization Layer

  • • Embedded Next.js application within Azure DevOps UI
  • • Real-time sprint summary dashboard
  • • Executive summary reports
  • • Custom work item board integration

Infrastructure

  • • Azure API Web App backend services
  • • Azure DevOps REST API integration
  • • Azure AD authentication and authorization
  • • Azure Static Web Apps for frontend deployment

Impact & Results

Designed to enable instant sprint visibility for stakeholders

Built from mockups and legacy code into production-ready extension

Will improve Agile transparency for internal and external stakeholders

Mentored high school intern in backend development for the project

Technical Implementation

Azure DevOps Data Integration

Comprehensive data collection system that automatically gathers sprint information from Azure DevOps, providing real-time visibility into sprint health and progress for stakeholders.

Platform Integration

Azure DevOpsAzure ADAzure Static Web AppsAzure API Web App

Data Categories

  • • Sprint goals and achievements
  • • Work item status and progress
  • • Impediments and risk tracking
  • • Next sprint planning items

Sprint Data Visualization

Clean, organized presentation of sprint information that transforms Azure DevOps work item data into an easily digestible format for both technical teams and business stakeholders.

Goals
Sprint Objectives
Status
Health Indicators
Planning
Next Sprint Items

Dashboard & Reporting

Created intuitive dashboard system that transforms complex DevOps metrics into actionable insights, enabling teams to track progress and executives to understand organizational DevOps maturity at a glance.

Real-time UpdatesCustom FiltersExport CapabilitiesMobile Responsive

Business Impact

Will dramatically improve DevOps workflow efficiency and transparency, enabling data-driven sprint management

Operational Benefits

  • • Eliminates need for lengthy status meeting presentations
  • • Provides instant sprint visibility for stakeholders
  • • Reduces time spent gathering sprint status information
  • • Centralizes sprint health data in one accessible location

Strategic Benefits

  • • Improves transparency for external stakeholders
  • • Enables data-driven sprint planning decisions
  • • Enhances Agile process visibility and accountability
  • • Streamlines sprint review and retrospective preparation

Project Timeline

May 2025 - Present
Previous ProjectAll ProjectsNext Project
© 2025 Pryce Tharpe