πŸ–₯️

Web Dashboard & Admin Portal

Command your entire field operation from any modern browser β€” real-time dashboards, compliance management, analytics, dispatch, and multi-tenant administration

Blazor WebAssembly MudBlazor UI Real-Time SignalR Multi-Tenant Admin Dark Mode

Core Capabilities

A single browser app that serves supervisors, administrators, dispatchers, and contractors β€” each with their role-appropriate view

⚑

Blazor WebAssembly

Runs entirely in the browser using WebAssembly β€” no server-side HTML rendering, no page refreshes, no plugins. The .NET 10 runtime executes in the browser, giving the app the performance feel of a native SPA while keeping all .NET code and business logic shared with the backend and mobile app.

🎨

Material Design UI (MudBlazor)

MudBlazor 6.x component library delivers a polished Material Design 3 interface with a consistent, accessible component set: data grids, cards, navigation drawers, app bars, dialogs, snackbars, and form inputs β€” all with built-in keyboard navigation and screen reader support.

πŸ“‘

Real-Time Operations Dashboard

The home dashboard updates live via ASP.NET Core SignalR: compliance percentage, active encroachment count, open work orders, inspections completed today, and a rolling recent activity feed. Field crew status changes push to the screen within seconds β€” no refresh required.

βœ…

Compliance Management Portal

Supervisors manage the full inspection lifecycle: view circuit assignments, monitor patrol progress, review encroachment findings, approve remediation work orders, trigger certificate generation, and retrieve archived compliance certificates β€” all in a single portal without touching the mobile app.

πŸ“Š

Analytics Suite

Six purpose-built analytics views: Operations Overview, Compliance Dashboard, Field Metrics, Data Quality, Team Performance, and Territory Heatmap β€” all powered by the backend aggregation API and DuckDB spatial analytics. Charts are rendered client-side with Chart.js 4.x via JavaScript interop.

🏒

Multi-Tenant Admin Portal

Organization/tenant management for platform administrators: create tenants, configure feature flags, set GNSS accuracy thresholds, manage subscription tiers, and view cross-tenant operational summaries. User provisioning, RBAC role assignment, and invitation-based onboarding are all admin-controlled.

πŸ‘·

Contractor Portal

External contractors access a scoped portal to receive work assignment notifications, view assignment details and due dates, upload before/after evidence photos, submit completion status, and request supervisor sign-off β€” all without access to internal compliance data or other tenants.

πŸŒ™

Dark Mode & Responsive Design

User-toggleable dark mode with MudBlazor theme switching. The layout adapts to desktop, tablet, and mobile browser viewports using responsive MudGrid breakpoints. The navigation drawer collapses to a mini-drawer with icon-only display to maximize map and chart canvas space on smaller screens.

Technical Specifications

The web technology stack powering the dashboard

FrameworkBlazor WebAssembly (.NET 10)
UI LibraryMudBlazor 6.x (Material Design 3)
Real-TimeASP.NET Core SignalR (WebSocket)
ChartsChart.js 4.4 via JS interop
MapsLeaflet.js 1.9 + GeoJSON live layers
AuthOAuth 2.0 PKCE via MSAL.js / Entra ID
API ClientTyped HttpClient with Polly policies
StateCascading parameters + scoped DI services
RoutingBlazor Router with lazy-loaded assemblies
HostingStatic files on ASP.NET Core, CDN-cacheable

Dashboard Modules

Role-scoped modules that surface the right data to the right person

🏠

Home Dashboard

Live KPIs, activity feed, territory summary

βœ…

Compliance

Inspections, encroachments, certificates

πŸ“Š

Analytics

6 analytics views with charts & heatmaps

πŸ“

Live Tracking

Real-time crew map + Kanban dispatch

πŸ‘·

Contractor

Assignment management & evidence review

βš™οΈ

Admin

Users, roles, tenants, subscriptions, audit log

Related Platform Features

Your Entire Operation, One Browser Tab

See the live dashboard and all six analytics views in a personalized walkthrough