Smart Home / IoT
MVP системы мониторинга умного полива
Ранний IoT MVP для мониторинга и управления умным поливом, объединяющий web-дашборд, backend-модель телеметрии, ESP32 симулятор и реализованный OLED-интерфейс контроллера на устройстве.
- Работы
- Веб-дизайн, UX/UI, Интеграция, API, Frontend, Backend
- Технологии
- Next.js, React, TypeScript, React Query, Tailwind CSS, Recharts, Leaflet, PostgreSQL, Docker, Go/Gin, ESP32-style telemetry simulator, OLED controller UI
- Страна
- Россия
- Ссылка
- Кейс
Ключевые особенности
- 01
Next.js-дашборд для мониторинга умной системы полива
- 02
Карточки в реальном времени для давления, потока воды, дневного расхода, состояния насоса, состояния клапанов и активной секции полива
- 03
Карточки статуса зон полива с нормами потока, состоянием клапана и последней информацией по автотесту
- 04
Блоки последних событий и сводка автотестов для быстрой операционной обратной связи
- 05
Визуализация давления и потока на базе Recharts
- 06
Защищенные маршруты с httpOnly cookies, обновлением токена и загрузкой данных через React Query
- 07
Модель телеметрии для контроллеров, измерений, текущих значений, уведомлений, команд, тестов на протечки и привязки устройств
- 08
ESP32 симулятор для генерации телеметрии, сценариев протечки, heartbeat updates и поллинг команд
- 09
Реализованный OLED-интерфейс контроллера для локальной проверки состояния устройства и базового управления поливом
- 10
Leaflet для карт и планирования зон полива и точек контроллеров
О проекте
Habion — это MVP умной системы полива, построенный вокруг идеи объединить физические контроллеры полива, сенсорную телеметрию, статусы зон, уведомления и командные сценарии в одном web-интерфейсе мониторинга.
Текущий дашборд сфокусирован на основном операционном представлении: статус системы, давление, поток воды, дневной расход, активная зона, состояние клапанов и насоса, секции полива, последние события, результаты автотестов и графики давления/потока.
Также был спроектирован и реализован рабочий OLED-интерфейс контроллера для локальной проверки состояния полива и базового управления. Интерфейс работает на микроконтроллере, а финальный корпус показан как концепция, чтобы передать предполагаемое направление физического устройства.
Backend-часть была построена как основа для IoT-телеметрии: сущности контроллеров, измерения, текущие значения, уведомления, команды, тесты на протечки, привязка устройств и ESP32 симулятор для генерации реалистичной телеметрии до завершения интеграции с реальным оборудованием.
Интерфейс контроллера на устройстве
Интерфейс контроллера полива был реализован для компактного OLED-дисплея, чтобы у устройства был локальный экран для быстрой проверки статуса и базового управления без открытия web-дашборда.
Финальный корпус показан как мокап, при этом сам OLED-интерфейс уже был реализован и протестирован на микроконтроллере.
IoT MVP telemetry flow
MVP построен вокруг ESP32 контроллера, который отправляет телеметрию в backend, измерения сохраняются как текущие значения и исторические записи, уведомления и команды моделируются вокруг сценариев полива, а Next.js-дашборд показывает текущее состояние системы, зоны, графики, события и обратную связь.
Следующий проект
Финтех-платформа