low complexity extracted Gamification & Engagement Confidence: 100%
9
Components
198
Shared
6
User Stories
Yes
Analyzed

Description

An interactive tool that helps peer mentors and prospective volunteers understand the concrete value of their contributions — both personal (hours saved by recipients, travel costs avoided) and societal (estimated public health system cost offset). This 'fordelskalkulator' was listed as a Phase 4 item in the roadmap. The calculator serves a dual purpose: it reinforces the value of volunteering for existing peer mentors (supporting retention) and acts as a persuasive tool for recruiting new volunteers and justifying continued organisational funding from bodies like Bufdir.

Analysis

Business Value

Strengthens the value proposition of the peer mentor programme to both participants and funders. Provides shareable, concrete numbers that can support Bufdir grant applications and organisational annual reports.

Implementation Notes

Calculator logic is client-side with configurable multipliers (e.g., hourly rate equivalents) set per organisation in Supabase config. Results presented as a shareable card consistent with the Wrapped design language. No personal data leaves the device for this calculation. Ensure numeric outputs are accessible: use semantic markup, not just visual charts.

Components (207)

User Interface (4)

Service Layer (2)

Data Layer (2)

Infrastructure (1)

Shared Components

These components are reused across multiple features

User Interface (59)

ui Role Switch Widget medium Shared ui Role-Aware Bottom Navigation medium Shared ui Activity Type Selection Screen low Shared ui Speech-to-Text Field Overlay medium Shared ui Receipt Capture Widget medium Shared ui Peer Mentor Single Selector low Shared ui Proxy Audit Badge Widget low Shared ui Export Period Picker low Shared ui Contact Card Widget low Shared ui Contact Search Bar low Shared ui Peer Mentor Card Widget low Shared ui Activity History List low Shared ui Multi-Chapter Affiliation Chip Widget medium Shared ui Certification Status Badge low Shared ui Duplicate Activity Warning Dialog medium Shared ui Mentor Multi-Select Widget medium Shared ui Map Filter Panel medium Shared ui Claim Status Badge low Shared ui Export Date Range Picker low Shared ui Custom Date Range Picker low Shared ui Duplicate Activity Warning Dialog low Shared ui Proxy Activity Form medium Shared ui Proxy Peer Mentor Selector medium Shared ui Expected Return Date Picker low Shared ui Pause Activation Screen low Shared ui Pause Status Indicator low Shared ui Admin KPI Stat Widget low Shared ui Organisation Hierarchy Navigator high Shared ui Bufdir Period Selector Widget low Shared ui Export History List medium Shared ui Activity Type Donut Chart medium Shared ui Monthly Activity Bar Chart medium Shared ui Statistics Period Filter Bar low Shared ui Statistics Summary Cards low Shared ui Notification Badge Widget low Shared ui Certificate Expiry Status Indicator low Shared ui Animated Stat Card Widget medium Shared ui In-App Notification Banner low Shared ui Accessible Modal Sheet Widget high Shared ui Live Region Announcer medium Shared ui Semantics Wrapper Widget medium Shared ui Sensitive Field Warning Dialog high Shared ui Confirm Before Submit Screen medium Shared ui Inline Contextual Help Widget low Shared ui Labelled Navigation Bar low Shared ui Plain Language Error Display low Shared ui Single-Action Screen Layout medium Shared ui Wizard Progress Indicator low Shared ui Accessible Text Style System medium Shared ui Accessible Touch Target Wrapper low Shared ui Contrast-Safe Color Palette Widget medium Shared ui Accessible Bottom Navigation Bar medium Shared ui Modal Close Button low Shared ui Persistent Back Button low Shared ui Vertical Scroll Container low Shared ui Organization Card Widget low Shared ui Terminology-Aware Text Widget low Shared ui FeatureGate Widget low Shared ui Chapter Switcher medium Shared

Service Layer (52)

service Authentication Service medium Shared service Authentication Session Manager medium Shared service Biometric Authentication Service medium Shared service Biometric Authentication Service medium Shared service Biometric Authentication Service medium Shared service Permission Checker Service medium Shared service Role State Manager medium Shared service No-Access Route Guard low Shared service Activity Type Metadata Resolver low Shared service Chapter Scope Resolver medium Shared service Organisation Hierarchy Resolver medium Shared service Coordinator Notification Service medium Shared service Duplicate Activity Detection Service high Shared service Mentor Filter Service low Shared service Receipt Threshold Validator low Shared service Approval Status Notification Service medium Shared service Threshold Evaluation Service medium Shared service Declaration Encryption Service high Shared service Organization Feature Flag Service low Shared service Participant Deduplication Service high Shared service Reporting Period Service medium Shared service Activity Attribution Service low Shared service Proxy Duplicate Detection Service medium Shared service Pause Management Service medium Shared service Pause Notification Service medium Shared service Admin Export Service medium Shared service Admin Row-Level Security Guard high Shared service Organisation Hierarchy Service high Shared service User Management Service high Shared service Role Access Validator low Shared service Peer Mentor Stats Aggregator medium Shared service Push Notification Dispatcher medium Shared service Notification Preference Service low Shared service Scenario Deep-Link Router medium Shared service Scenario Notification Content Builder medium Shared service Badge Criteria Integration medium Shared service Activity Summary Aggregator low Shared service Focus Management Service medium Shared service Screen Reader Detection Service medium Shared service Sensitive Field Privacy Guard high Shared service Plain Language Content Service medium Shared service Wizard State Manager medium Shared service Tab State Manager medium Shared service Organization Route Guard medium Shared service Tenant Context Service high Shared service Label Key Resolver Service low Shared service Organization Labels Notifier medium Shared service FeatureFlagProvider (Riverpod) medium Shared service Access Scope Service high Shared service Hierarchy Aggregation Service high Shared service Hierarchy Service high Shared service Unit Assignment Service medium Shared

Data Layer (33)

Infrastructure (54)

infrastructure Keyboard-Aware Layout Utility low Shared infrastructure Supabase Auth Client low Shared infrastructure Deep Link / OAuth Redirect Handler medium Shared infrastructure Secure Storage Adapter low Shared infrastructure Supabase Session Manager medium Shared infrastructure URL Launcher Utility low Shared infrastructure Local Storage Adapter low Shared infrastructure Supabase Activity Client low Shared infrastructure Organization Labels Provider low Shared infrastructure Supabase Client low Shared infrastructure Organisation Field Config Loader medium Shared infrastructure Speech-to-Text Adapter medium Shared infrastructure File Download Handler low Shared infrastructure Duplicate Reviewed Flag Middleware low Shared infrastructure Contact RLS Query Builder low Shared infrastructure Contact Form Validator low Shared infrastructure Design Token Theme low Shared infrastructure Organization Labels Provider low Shared infrastructure Supabase Client Provider low Shared infrastructure Search Debounce Utility low Shared infrastructure Expense Type Analytics Tracker low Shared infrastructure Receipt Image Picker Integration low Shared infrastructure CSV / JSON File Generator medium Shared infrastructure Coordinator Role Guard low Shared infrastructure Nightly Job Scheduler medium Shared infrastructure Supabase RLS Policy Configuration high Shared infrastructure Export File Storage Adapter low Shared infrastructure Supabase Storage Adapter low Shared infrastructure Peer Mentor Pause Management Service medium Shared infrastructure Push Notification Service medium Shared infrastructure fl_chart Adapter medium Shared infrastructure Push Notification Service low Shared infrastructure FCM Push Notification Sender medium Shared infrastructure FCM Notification Dispatcher medium Shared infrastructure Push Notification Dispatcher medium Shared infrastructure Supabase Realtime Subscription Service medium Shared infrastructure Organisation Data Isolation Guard low Shared infrastructure Push Notification Dispatcher medium Shared infrastructure Deep Link Handler medium Shared infrastructure QR Code Generator low Shared infrastructure Share Sheet Bridge low Shared infrastructure Semantics Service Facade medium Shared infrastructure Accessibility Design Token Enforcer medium Shared infrastructure Accessible Theme Builder medium Shared infrastructure Navigation Route Configuration medium Shared infrastructure Accessibility Live Region Announcer low Shared infrastructure Feature Flag Provider low Shared infrastructure Secure Storage Adapter low Shared infrastructure Supabase RLS Tenant Scope Configurator medium Shared infrastructure Label Key Registry low Shared infrastructure Terminology Riverpod Providers low Shared infrastructure WCAG Semantics Label Resolver low Shared infrastructure Feature Flag Key Constants low Shared infrastructure RLS Policy Manager high Shared

User Stories (6)

Share Personal Benefit Calculation Result
medium 5 pts

As a As a Peer Mentor (Likeperson)

I want to share my calculated benefit summary as an image or text snippet via the device's native share sheet

So that I can celebrate my contribution publicly, inspire others to volunteer, and help the organization's recruitment and awareness campaigns organically

Acceptance Criteria
  • Given a completed benefit calculation is displayed, When the peer mentor taps the share button, Then the benefit-share-service composes a shareable payload and the native OS share sheet opens within 1.5 seconds
  • Given the share payload is composed, When sensitive-field-privacy-guard evaluates the content, Then no personally identifiable information (name, phone, email, personnummer) is included in the shared output
  • Given the peer mentor completes a share action, When the share sheet is dismissed, Then the user is returned to the Benefit Calculator screen with their calculation still visible
  • +2 more
View Full Story →
View Granular Benefit Metric Breakdown by Activity Type
medium 5 pts

As a As a Peer Mentor (Likeperson)

I want to see individual benefit metric tiles that break down my total calculated benefit by activity type (e.g., home visits, phone calls, group sessions)

So that I can understand which types of volunteer work contribute most to my impact score and make informed decisions about how I spend my volunteer time

Acceptance Criteria
  • Given a completed calculation with multiple activity types, When the benefit-metric-tile components render, Then each tile displays the org-localized activity type name, count, total hours, and calculated benefit value
  • Given the org has configured different multipliers for different activity types in benefit-multiplier-config-repository, When the calculation runs, Then tiles with higher-multiplier activity types show proportionally higher benefit values
  • Given the screen renders on a narrow viewport (320dp width), When the tile layout adapts, Then tiles reflow to a single-column list without overflow or clipping
  • +2 more
View Full Story →
Access Benefit Calculator via Accessible Navigation Path
high 3 pts

As a As a Peer Mentor (Likeperson)

I want to find and open the Benefit Calculator from the main navigation without more than two taps

So that I can quickly access my benefit summary whenever I want without having to search through menus, especially when using assistive technologies or when I have limited digital skills

Acceptance Criteria
  • Given the peer mentor is on the home screen, When they look for the Benefit Calculator, Then a visible entry point (card, button, or navigation item) is present within the first scroll position
  • Given the peer mentor taps the Benefit Calculator entry point, When navigation resolves, Then the benefit-calculator-screen loads and displays a default calculation for the current year within 3 seconds
  • Given a screen reader is active, When the peer mentor navigates to the Benefit Calculator entry point, Then the accessible-bottom-navigation or labelled-navigation-bar announces the target as 'Benefit Calculator' in the organization's configured terminology
  • +2 more
View Full Story →
Adjust Calculation Period and Input Parameters
high 5 pts

As a As a Peer Mentor (Likeperson)

I want to use the calculator input panel to change the time period and optionally adjust activity parameters before triggering the benefit calculation

So that I can explore my benefit contribution for different timeframes (e.g., last month, last year, all time) and understand how my efforts have grown over time

Acceptance Criteria
  • Given the peer mentor is on the Benefit Calculator screen, When they tap a period preset in the calculator-input-panel, Then the benefit-calculator-bloc triggers recalculation and the results update within 2 seconds
  • Given the peer mentor selects a custom date range, When both start and end dates are valid and the range does not exceed 3 years, Then the calculation executes and results display for that exact period
  • Given an invalid date range is entered (end before start), When the peer mentor attempts to calculate, Then a plain-language inline error is shown and calculation is blocked until corrected
  • +2 more
View Full Story →
Receive Accessible Screen Reader Narration of Benefit Results
high 5 pts

As a As a Peer Mentor (Likeperson)

I want the Benefit Calculator screen to be fully narrated by my screen reader, with all metric values and benefit results announced in clear, plain language

So that I can understand my volunteer impact even if I have a visual impairment or use assistive technology, without requiring help from another person

Acceptance Criteria
  • Given VoiceOver or TalkBack is active, When the benefit-calculator-screen loads and calculation completes, Then the live-region-announcer announces 'Calculation complete. Your estimated volunteer benefit for [period] is [value]'
  • Given a screen reader user navigates through benefit-metric-tile components, When each tile receives focus, Then the semantics label provides full context including activity type name, count, hours, and benefit value in a single coherent sentence
  • Given the screen-reader-detection-service detects active assistive technology, When decorative animations are present in the results card, Then animations are suppressed or reduced to avoid distraction for screen reader users
  • +2 more
View Full Story →
View Calculated Personal Volunteer Benefit Summary
high 8 pts

As a As a Peer Mentor (Likeperson)

I want to open the Benefit Calculator and see the total estimated value my volunteer work has contributed over a selected period

So that I can understand and feel proud of the real impact my efforts have made, expressed in concrete and motivating metrics

Acceptance Criteria
  • Given the peer mentor navigates to the Benefit Calculator screen, When the screen loads, Then the benefit-calculator-screen displays a benefit-results-card with total estimated value, hours contributed, and people supported
  • Given activity data exists for the selected period, When the benefit-calculation-service processes the aggregated data, Then the result reflects all completed activities multiplied by the org-configured benefit-multiplier-config-repository values
  • Given no network connection is available, When the peer mentor opens the calculator, Then previously cached calculation results are displayed with a subtle offline indicator
  • +2 more
View Full Story →