AnnualSummaryScreen
Component Detail
User Interface
medium complexity
mobilefrontend
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Presents peer mentors with a Spotify Wrapped-style retrospective of their yearly contributions in a visually engaging, animated summary view. Displays aggregated stats including contacts supported, hours volunteered, visit types, and milestones reached. Provides sharing and navigation controls to let users revisit or dismiss the summary.
annual-summary-screen
Sources & reasoning
Three of four organizations explicitly requested a Spotify Wrapped-style summary in workshops (line 76). The priority matrix places it NICE TO HAVE in Phase 3 (line 149), and the Phase 3 roadmap confirms it alongside badges and Advantage Calculator (line 353). Phase 3 normalizes to v1.1.
-
docs/source/likeperson.md · line 76Tre organisasjoner er inspirert av Spotify Wrapped og ønsker en funksjon som viser likepersonens bidrag over tid - «Din likepersonsårek». Målet er å gi frivillige stolthet og motivasjon
-
docs/source/likeperson.md · line 149| Gamification / Spotify Wrapped | ✓ | ✓ | - | ✓ | ✓ | NICE TO HAVE | 3 |
-
docs/source/likeperson.md · line 353Gamification / «Ditt likepersonsår» (Wrapped, badges, Advantage Calculator)
Responsibilities
- Render animated summary slides cycling through key annual metrics and milestones
- Display progress comparisons and personal bests relative to prior years
- Provide share and export actions for the summary content
- Handle loading and empty states when annual data is unavailable
- Trigger data fetch from AnnualSummaryService on screen mount
Interfaces
loadSummary(userId: string, year: number): void
shareSummary(format: 'image' | 'link'): Promise<void>
dismissSummary(): void