🏠 Overview › 🧩 Components ›🧩 Wrapped Screen

Wrapped Screen

Component Detail

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

Description

Mobile screen that presents the peer mentor's annual recap as a sequence of engaging, shareable visual cards. Displays totals, milestones, and personalized narratives produced by the Wrapped Generation Service in a Spotify Wrapped-inspired format.

Feature: Annual Summary (Wrapped)

wrapped-screen

Sources & reasoning

Wrapped is explicitly named in §2.2 as a shared need across three organizations and listed in Fase 3 (Growth & Engagement) deliverables, fixing both motivation and target_release.

  • Tre 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
  • Fase 3 - Vekst og engasjement - Gamification / «Ditt likepersonsår» (Wrapped, badges, Advantage Calculator)

Responsibilities

  • Render sequential animated cards for totals, hours, contacts helped, and milestones
  • Fetch the annual recap payload from the Wrapped Generation Service
  • Allow the user to advance, replay, and skip between cards
  • Provide share/export actions for individual cards and the full recap
  • Handle empty-state messaging when insufficient activity data exists

Interfaces

loadWrapped(year): WrappedRecap
renderCard(card): void
shareCard(cardId): ShareResult
advanceCard(): void