Receive Celebration Animation When Earning a New Badge
When the badge evaluation service determines that a peer mentor has just crossed a badge threshold (e.g., completing their 10th session), the app displays a full-screen celebration overlay with confetti or similar animation, the badge icon, its name, and a congratulatory message. The overlay is dismissible by tap and includes an accessible close button. Screen readers announce the badge name and achievement description. The celebration is shown only once per badge award event.
User Story
Acceptance Criteria
- Given I have just completed an activity that crosses a badge threshold, When the app processes the activity, Then the badge-earned celebration overlay appears within 2 seconds
- Given the celebration overlay is visible, When I tap anywhere or press the close button, Then the overlay dismisses and I return to the previous screen
- Given I use a screen reader, When the celebration overlay appears, Then the badge name and achievement description are announced automatically via live region
- Given the celebration overlay was already shown for a specific badge, When I reopen the app or log another activity, Then the same badge celebration does not appear again
- Given the app is in reduced-motion mode, When a badge is awarded, Then the overlay shows without animation but still displays the badge and congratulatory message
Business Value
Immediate positive reinforcement at the moment of achievement is a proven behaviour-change mechanism. Celebration moments make the app feel rewarding rather than bureaucratic, increasing daily active use and encouraging peer mentors to log activities consistently rather than in batches.
Components
- Badge Earned Celebration Overlay ui
- Badge Evaluation Service service
- Badge Award Service service
- Badge BLoC infrastructure
- Badge Icon Asset Manager infrastructure
- Live Region Announcer ui