🏠 Overview › 🎯 Features ›🎯 Dashboard KPIs

Dashboard KPIs

Feature Detail

medium complexity extracted Admin Dashboard Confidence: 100%
8
Components
106
Shared
0
User Stories
Yes
Analyzed

Description

The Dashboard KPIs feature provides organization administrators and coordinators with a real-time overview of key performance indicators for their organization. It aggregates data across activities, peer mentors, contacts, and expenses into a single, actionable dashboard view. Metrics include active peer mentors, total activities logged, pending approvals, reimbursement totals, and Bufdir reporting progress, giving admins an at-a-glance health check of their organization's peer mentor program.

User Flow

Dashboard KPIs user flow
Click to expand

Analysis

Business Value

Organization administrators currently lack a consolidated view of their program's operational health, forcing them to navigate multiple systems and manually aggregate data. This feature eliminates that overhead by surfacing the most critical metrics immediately upon login, enabling faster decision-making and proactive management. For Bufdir compliance, having real-time visibility into reporting progress and activity volumes reduces the risk of missed deadlines and incomplete submissions. From a commercial perspective, a compelling KPI dashboard is a key differentiator that demonstrates the platform's value to prospective organizations during demos and trials, directly supporting sales conversion for the Product Sales Website audience.

Implementation Notes

The KPI dashboard is implemented as a Next.js server-side rendered page within the admin portal, querying PostgreSQL via the shared REST API (`/api/v1/analytics/kpis`). Aggregation queries are scoped by organization ID for strict multi-tenant isolation. Key metrics are computed using SQL aggregates with appropriate indexes on `activities.created_at`, `activity_approvals.status`, and `expenses.status`. The frontend uses a responsive card grid layout with Tailwind CSS. Data is fetched on each page load via SSR for accuracy; client-side polling can be added in a later iteration. Role-based visibility ensures coordinators see their local association scope while org admins see the full organization.

Components (114)

User Interface (2)

ui KPI Dashboard Page medium ui KPI Dashboard Page medium

Service Layer (3)

service KPI Access Control Service medium service KPI Aggregation Service high service KPI Aggregation Service medium

Data Layer (2)

data Analytics Store medium data Analytics Store medium

Infrastructure (1)

infrastructure KPI API Route Handler low

Shared Components

These components are reused across multiple features

Service Layer (34)

service Auth API Client medium Shared service Password Policy Validator low Shared service Permission Validation Middleware high Shared service Activity Service medium Shared service Event API Client low Shared service Event Repository Service medium Shared service File Upload Service high Shared service Expense Type Service high Shared service Contact Service medium Shared service STT Service medium Shared service Keyboard Navigation Service medium Shared service Screen Reader Support Service high Shared service Screen Reader Support Service high Shared service Localization Service medium Shared service Localization Service medium Shared service Repository Data Source Router high Shared service Role Scope Resolver low Shared service Audit Log Service medium Shared service Audit Log Service medium Shared service Report Access Control Service medium Shared service Export Audit Logger low Shared service Report Export Service medium Shared service Report Export Service medium Shared service Terminology Context Provider medium Shared service Terminology Service medium Shared service Terminology Service medium Shared service Feature Registry Loader low Shared service Hierarchy Access Control Service high Shared service Hierarchy Scope Resolver medium Shared service Association Service medium Shared service Audit Log Service high Shared service DPA Content Provider low Shared service Cookie Consent Service medium Shared service Cookie Consent Service medium Shared

Data Layer (22)

data Token Store low Shared data Token Store low Shared data Secure Token Store medium Shared data Secure Token Store medium Shared data Activity Store low Shared data Event List Cache Store low Shared data Expense Type Store medium Shared data Contact Store low Shared data Contact Store low Shared data Notes Store low Shared data Assignment Count Store low Shared data Push Token Repository low Shared data Notification Audit Log Store low Shared data Push Token Store low Shared data Push Token Store low Shared data Organization Impact Settings Repository low Shared data Accessibility Preferences Store low Shared data Local SQLite Database high Shared data Sync Queue medium Shared data Report Store high Shared data Mobile Terminology Store medium Shared data Security Metrics Repository medium Shared

Infrastructure (38)

infrastructure Keychain/Keystore Adapter low Shared infrastructure JWT Claims Extractor low Shared infrastructure Organization Labels Adapter low Shared infrastructure Keychain/Keystore Adapter low Shared infrastructure Auth API Client medium Shared infrastructure REST API Client medium Shared infrastructure WCAG Accessibility Adapter low Shared infrastructure Registration API Client low Shared infrastructure Accounting API Client high Shared infrastructure PDF Renderer Adapter medium Shared infrastructure File Share Adapter low Shared infrastructure FCM/APNs Adapter high Shared infrastructure Share Sheet Adapter low Shared infrastructure Share Plus Adapter low Shared infrastructure Platform Accessibility Bridge medium Shared infrastructure Semantics Override Adapter high Shared infrastructure URL Launcher Adapter low Shared infrastructure Markdown Content Renderer low Shared infrastructure Network Connectivity Monitor low Shared infrastructure Expense Receipt Storage Adapter low Shared infrastructure Audit Log Writer low Shared infrastructure Feature Flag Checker low Shared infrastructure Logo Upload Adapter low Shared infrastructure Terminology Constants Registry low Shared infrastructure Feature Flag Cache Adapter low Shared infrastructure Org Scope JWT Resolver medium Shared infrastructure Association Audit Logger low Shared infrastructure Token Blocklist medium Shared infrastructure Analytics Tracker low Shared infrastructure SEO Metadata Config low Shared infrastructure Analytics Tracker low Shared infrastructure Analytics Tracker low Shared infrastructure Sales Analytics Tracker low Shared infrastructure Email Provider Adapter low Shared infrastructure Terms of Service Content Provider low Shared infrastructure Legal PDF Asset Provider low Shared infrastructure Consent-Gated Script Loader low Shared infrastructure Legal Page Layout low Shared

User Stories

No user stories have been generated for this feature yet.