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

Description

Mobile screen that presents each peer mentor with a personal dashboard of their volunteering contribution. Renders summary cards for totals and accessible charts showing trends by week, month, and year, sourced from aggregated activity data.

Feature: Personal Activity Statistics

personal-stats-screen

Sources & reasoning

MVP scope in §5 explicitly lists 'Enkel statistikkvisning per likeperson' and §7 Phase 1 repeats 'enkel statistikk' - making this a Phase 1 must_have. It is the data foundation that later gamification (Phase 3 Wrapped/badges) reads from, so it ships first.

Responsibilities

  • Render summary cards for total activities, hours, and contacts supported
  • Display week, month, and year trend charts in an accessible, mobile-friendly layout
  • Allow the mentor to switch between time period views and refresh data
  • Handle loading, empty, and error states when no activities have been logged yet
  • Pass the authenticated mentor's identity to the aggregation service for scoped queries

Interfaces

renderStatsDashboard(mentorId): View
selectTimePeriod(period: 'week' | 'month' | 'year'): void
refreshStats(): Promise<void>

Related Data Entities (2)

Data entities managed by this component