HIGH story-achievement-badges-peer-mentor-002 3 pts
3
Story Points
High
Priority
Achievement Badges & Recognition
Feature

User Story

As a user
I want to see a progress indicator on each locked badge showing how close I am to earning it
So that So that I know exactly what actions will unlock the next recognition tier and feel motivated to continue contributing

Acceptance Criteria

  • Given a user views a locked badge, when the Badge Widget renders, then a circular progress ring shows current progress as a percentage toward the unlock threshold
  • Given a user completes an activity that advances their progress, when they return to the Achievements screen, then the progress ring reflects the updated value
  • Given a Blindeforbundet user is at 14 completed assignments, when they view the assignment-count badge, then the progress ring shows 14/15 and the threshold label is visible
  • Given a badge is earned, when the Achievement Service updates the record, then the progress ring transitions to 100% and the badge animates to the unlocked state
  • Given a badge has no numeric threshold (e.g. a one-time special award), when it is displayed, then no progress ring is shown and only the locked/unlocked state is indicated

Business Value

Showing progress toward the next milestone creates a feedback loop that drives continued engagement. For Blindeforbundet specifically, transparent assignment-count tracking reduces coordinator workload by allowing peer mentors to self-monitor their honorarium eligibility, preventing disputes and support requests around threshold calculations.