Web App Documentation

Operational visibility

The web app is the shared control surface over the platform

The browser layer turns cloud data into day-to-day operations. Current code already shows dashboards, graphs, heatmaps, hive and apiary records, thresholds, configuration flows, exports, external links, and specialized domain visualizations. This makes the web app a strong base for both customer portals and internal control panels.

Overview and dashboards

Current status, summaries, charts, and cross-site visibility.

Detailed domain views

Temperature maps, queen-map style views, enviro screens, and sensor history.

Records and settings

Apiaries, hives, thresholds, inspections, exports, MQTT targets, and relay settings.

Customer and partner portals

White-label or domain-specific surfaces built over the same backend and data model.

Why it is attractive to different roles

User

Gets a clear browser workspace with history, maps, records, and settings instead of scattered tools and manual notes.

Integrator

Gets an existing portal surface that can be adapted to customer workflows faster than building admin + dashboard UI from scratch.

Programmer

Gets reusable Angular components and domain views that already align with the backend entities and operational workflows.

Where the web layer fits in vertical products

Smart farming

Portal for remote review, seasonal analysis, inspections, and operational planning across many sites.

Smart home and school

Room or building dashboards, environment review, service history, and local alert management.

Smart city and metering

Fleet-level overview, site comparison, map-first management, and exportable history for utility or municipal teams.

Operational cockpit

Turn telemetry into a decision surface

A useful dashboard combines current health, history, spatial context, alerts, and the next operational action. Charts alone are not a workflow.

Web product anatomy

A reusable dashboard shell for farms, homes, cities, meters, schools, or partner portals.

HealthyAttentionCritical

Environmental trend

Zone heatmap

01

Observe

Current state, trends, maps, comparisons, and device health.

02

Decide

Threshold context, anomalies, domain score, and historical evidence.

03

Act

Acknowledge, configure, export, assign, inspect, or trigger automation.