🏠 Overview › 🧩 Components ›🧩 AnnualSummaryScreen

AnnualSummaryScreen

Component Detail

User Interface medium complexity mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

The main screen that displays a peer mentor's or coordinator's year-in-review summary. It presents aggregated statistics, milestones, and highlights in a visually engaging layout. The screen orchestrates the animated sequence and provides sharing controls.

Feature: Annual Summary (Wrapped)

annual-summary-screen

Sources & reasoning

Lines 76 and 353 confirm three organizations explicitly requested a Spotify Wrapped-style year-in-review. The priority matrix (line 149) classifies it NICE TO HAVE in Fase 3, mapping to v1.1. The feature directly addresses the stated goal of making volunteer effort visible and motivating continued engagement.

  • Tre organisasjoner er inspirert av Spotify Wrapped og ønsker en funksjon som viser likepersonens bidrag over tid - «Din likepersonsĂĄrek».
  • | Gamification / Spotify Wrapped | âś“ | âś“ | - | âś“ | âś“ | NICE TO HAVE | 3 |
  • - Gamification / «Ditt likepersonsĂĄr» (Wrapped, badges, Advantage Calculator)

Responsibilities

  • Render year-in-review statistics including total activities, contacts supported, and milestones reached
  • Orchestrate the playback sequence of animated summary cards
  • Provide share and export actions for distributing the summary within the organization
  • Display a loading and error state while summary data is being fetched

Interfaces

loadSummary(userId: string, year: number): void
onShareTap(): void
onReplayTap(): void