Woby logo
All projectsRU

Smart Home / IoT

Smart Irrigation Monitoring MVP

Early-stage IoT MVP for smart irrigation monitoring and control, combining a web dashboard overview, telemetry backend model, ESP32-style simulator, and implemented on-device OLED controller UI.

Work
Web design, UX/UI, Integration, API, Frontend, Backend
Technologies
Next.js, React, TypeScript, React Query, Tailwind CSS, Recharts, Leaflet, PostgreSQL, Docker, Go/Gin, ESP32-style telemetry simulator, OLED controller UI
Country
Russia
Smart irrigation monitoring dashboard with telemetry cards, irrigation zones, charts, and events

Key features

  1. 01

    Next.js dashboard overview for smart irrigation monitoring

  2. 02

    Live telemetry cards for pressure, flow, daily water usage, pump state, valve state, and active irrigation section

  3. 03

    Irrigation zone status cards with flow norms, valve state, and latest autotest information

  4. 04

    Recent events and autotest summary blocks for quick operational feedback

  5. 05

    Recharts-based pressure and flow visualization

  6. 06

    Protected frontend flows with httpOnly cookies, token refresh, and React Query data fetching

  7. 07

    Telemetry model for controllers, measurements, current values, alerts, commands, leak tests, and device claiming

  8. 08

    ESP32-style simulator for telemetry generation, leak scenarios, heartbeat updates, and command polling

  9. 09

    Implemented OLED controller UI for local device status checks and basic irrigation control

  10. 10

    Leaflet-based map UI prototype for irrigation zone and controller point planning

Overview

Habion is an early-stage smart irrigation MVP built around the idea of connecting physical irrigation controllers, sensor telemetry, zone status, alerts, and command workflows into one web-based monitoring interface.

The current dashboard focuses on the core operational view: system status, pressure, flow, daily water usage, active zone state, valve and pump status, irrigation sections, recent events, autotest results, and pressure/flow charts.

I also designed and implemented a working OLED controller UI for local irrigation status checks and basic control. The interface runs on hardware, while the final enclosure is shown as a product mockup to communicate the intended physical device direction.

The backend side was built as an MVP foundation for IoT telemetry: controller entities, measurements, current values, alerts, commands, leak tests, device claiming, and an ESP32-style simulator for generating realistic telemetry before real hardware integration is complete.

Smart irrigation monitoring dashboard with telemetry cards, irrigation zones, charts, and events — 1
Smart irrigation monitoring dashboard with telemetry cards, irrigation zones, charts, and events — 2
Smart irrigation monitoring dashboard with telemetry cards, irrigation zones, charts, and events — 3
Smart irrigation monitoring dashboard with telemetry cards, irrigation zones, charts, and events — 4

On-device controller UI

The irrigation controller UI was implemented for a compact OLED display, giving the device a local interface for quick status checks and basic control without opening the web dashboard.

The final hardware housing is shown as a product mockup, while the OLED interface itself was already implemented and tested on hardware.

IoT MVP telemetry flow

The MVP is structured around a controller-to-dashboard loop: an ESP32-style controller or simulator sends telemetry to the backend, measurements are stored as current values and historical records, alerts and commands are modeled around irrigation workflows, and the Next.js dashboard presents the current system state, zones, charts, events, and control-oriented feedback.

Next project

Investment Research Portal & PDF Engine
Investment research portal interface with company catalog and report workflows