← Back to selected workCase 04 / 06
Mobile analytics application

ViewLid.The bigger picture.

A Flutter application for monitoring connected devices, switching analytics between all devices, groups and individual units, and managing operational notifications from a single mobile interface.

Flutter / DartREST APIDevice GroupsQR OnboardingPush Notifications
ViewLid analytics categories screen with bar chart and payment method distribution
Practical outcome
Devices, analytics and notifications in one mobile interface.
Built as
Flutter mobile application
Focus
Device monitoring & analytics
Product scope

What the application handles

The current mobile client is structured around day-to-day monitoring: authentication, device management, grouped analytics, notifications and account settings.

01

Dashboard & analytics

30-day summaries with selectable scope for all devices, a specific group or a single device, plus chart-based metric views.

02

Device management

Connected-device list, device details, available metrics, manual data refresh and QR-based device onboarding.

03

Groups

Create and manage device groups, assign devices and use groups as an analytics scope.

04

Notifications

Notification center, unread counters and configurable notification preferences for device and analytics events.

05

Authentication

Registration, email verification, sign-in, password recovery and protected account flows.

06

Profile & settings

User profile, account settings and secure local storage for application state and authentication data.

Real product screens

Actual ViewLid interface

These are real screens from the current mobile application rather than illustrative dashboard mockups.

ViewLid analytics overview screen

Analytics overview

Data source and period filters, summary metrics and visitor trends for the selected device scope.

ViewLid category distribution analytics screen

Metric distribution

Category-level analysis with chart visualization and distribution breakdown for a selected metric.

Application structure

From device data to a mobile decision surface

The client is designed as a focused layer over backend APIs: data is loaded into clear device, group and analytics views instead of exposing raw operational information.

1. AuthenticateAccount creation, verification and secure sign-in.
2. Connect devicesOnboard devices, including QR scanning, and organize them into groups.
3. Load analyticsRequest summary and detailed metrics from the API for the selected scope.
4. Act from mobileReview trends, notifications and device state from a compact interface.
Technology

Implemented mobile stack

The mobile client is built with Flutter and Dart, with REST networking, secure token storage, declarative routing, charting, QR scanning and push notifications.

FlutterDartMaterial 3REST APIgo_routerDioSecure Storagefl_chartQR ScanningFirebase Cloud Messaging
Custom mobile software

Need a similar operational app?

I build custom mobile and web interfaces that connect business workflows, devices and APIs into a usable product.

Discuss a project