IoT

MICROL Cloud IoT platform

Industrial device monitoring platform UI: drag-and-drop dashboards, widget library, reports and access roles.

Build a web interface to collect, visualize and manage data from industrial and utility devices - meters, sensors, controllers - and to administer organizations, users and reporting.

Tasks

  • Responsive SPA with interactive dashboards

  • Widget library with per-widget settings panel

  • Device and report modules integrated with the backend REST API

  • Role-based access control with granular permissions

How we did it

We analyzed the domain model - users, companies, devices, panels, widgets, reports - and the existing API docs. Together with the client we shaped the role hierarchy and access rights.

The modular front-end architecture separates views, components, state and the API layer. Dashboards are built with a drag-and-drop grid and a universal widget system with a settings panel.

The UX of key screens was refined iteratively: login, monitoring panel, devices, reports, user management.

Technologies & Features

Data visualization
  • Drag-and-drop resizable dashboards
  • Line and bar charts with period navigation
  • Custom gauges with color zones and alerts
  • Device and log data tables
10+ widget types
  • Text, value, gauge
  • Charts, tables, alert log
  • Analog and discrete inputs, switch
  • Device binding, colors, alert conditions
Security & access
  • 5 roles: from user to root
  • Granular permissions for panels, widgets, devices
  • Menu and actions hidden by permissions
  • Bearer token authorization
React 18 TypeScript Vite 7 Tailwind CSS Redux Toolkit RTK Query Recharts D3.js React Router v6

Result

A fully functional front end for the MICROL Cloud platform: an SPA with interactive dashboards, a widget library, device and report modules and RBAC. Operators and administrators track device metrics in real time and tailor visualization to their needs.

Real-time monitoring from phone and desktop Dashboards assembled without a developer Access control down to a single widget

Have a similar challenge?

Tell us about it - we will analyze the process and come back with an approach and an estimate.

DIGITAL PRODUCTS OF ANY COMPLEXITY

Shall we schedule a call?

Pick a time that works for you and we will go through your project and the options in detail.

See our pricing

Pick a date

1/3

What would you like to discuss

Choose a topic, service or area

Website or web application development
2/3

Tell us about yourself

3/3