Achievements Screen
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Full-screen view displaying all badge categories with earned and locked states. Users can browse milestone tiers, view progress indicators toward the next badge, and read criteria for each recognition level. Supports per-organisation badge sets so HLF and Blindeforbundet badge catalogues render independently.
achievements-screen
Responsibilities
- Render earned and locked badges in categorised grid
- Display progress bars toward next milestone tier
- Show badge criteria and unlock conditions
- Support per-organisation badge catalogue filtering
Interfaces
loadAchievements(userId)
renderBadgeGrid(badges)
showBadgeDetail(badgeId)
renderProgressIndicator(currentValue, threshold)
filterByOrganisation(orgId)
animateUnlock(badgeId)
Related Data Entities (2)
Data entities managed by this component