🏠 Overview › 🧩 Components ›🧩 WrappedAnimationWidget

WrappedAnimationWidget

Component Detail

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

Description

A self-contained animated widget that presents individual summary cards in a Spotify Wrapped-style sequence. It handles transitions, timing, and visual effects for each data highlight. The widget accepts structured slide data and emits completion and interaction events.

Feature: Annual Summary (Wrapped)

wrapped-animation-widget

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

  • Animate sequential reveal of summary slides with transitions and timing control
  • Accept structured slide data including stat value, label, and visual theme
  • Emit events when the animation sequence completes or the user skips a slide
  • Support pause and replay controls for accessibility

Interfaces

play(slides: SummarySlide[]): void
pause(): void
replay(): void
onSequenceComplete(callback: () => void): void