Автомобили / IoT
Система мониторинга автодома
Full-stack IoT-дашборд для мониторинга систем автодома, объединяющий данные сенсоров в реальном времени, исторические графики, GPS-карты, управление реле, видеопотоки и синхронизацию между локальной системой и облаком. Система проектировалась для реальной мобильной среды, где сеть, Bluetooth-устройства, сенсоры и облачное подключение не всегда работают стабильно.
- Работы
- Веб-дизайн, UX/UI, Интеграция, API, Frontend, Backend
- Технологии
- Next.js, React, TypeScript, RTK Query, Tailwind CSS, Prisma, PostgreSQL, Node.js, Express, Leaflet, Nivo, React Three Fiber, mpegts.js, Docker, Nginx, Raspberry Pi, ESP32, BLE devices, serial GPS
- Страна
- Россия
- Ссылка
- rvmon.ru
Ключевые особенности
- 01
Responsive Next.js-дашборд для мониторинга автодома в реальном времени
- 02
Экраны состояния аккумулятора, солнечной зарядки, GPS, воды, температуры, газа, реле, видео и роутера
- 03
Исторические графики сенсоров с выбором временного диапазона и детализации
- 04
История GPS-маршрутов на Leaflet-картах с управлением плотностью точек
- 05
Local-first хранение в PostgreSQL с синхронизацией в облако
- 06
Моделирование текущих и исторических показаний сенсоров через Prisma
- 07
RTK Query поллинг, кэширование, обработка устаревших данных и типизированные API-хуки
- 08
Интеграции с BLE-устройствами, serial GPS, сенсорами Raspberry Pi, ESP32-платами, метриками модема и управлением реле
- 09
Fallback-поведение для нестабильного оборудования, проблем локальной сети и недоступности облака
- 10
Владельческий и гостевой режимы доступа к дашборду
О проекте
Campervan Monitoring System объединяет аппаратные сенсоры, бортовые устройства, локальные backend-сервисы, облачное хранилище и responsive dashboard в единую платформу операционного мониторинга. Система отслеживает состояние аккумулятора, солнечную зарядку, GPS-положение, водяные системы, температуру, газ и качество воздуха, состояние роутера/модема, устройства под управлением реле и видео/DVR-источники.
Опыт работы с дашбордом был построен вокруг реального использования автодома: сначала текущий операционный статус, затем исторические графики там, где они нужны, история GPS-маршрутов, гостевой и полный режимы доступа, а также переключение между локальным и облачным источником данных в зависимости от того, открыто приложение внутри автодома или удалённо.
Значительная часть работы была связана с нестабильными физическими устройствами. В системе предусмотрены обработка устаревших данных, логика переподключения BLE, восстановление после I2C-ошибок, throttling запросов к ESP32, автоотключение реле по таймауту, local-first хранение и fallback-состояния интерфейса, когда live-данные или облачный доступ временно недоступны.
Слой данных разделяет быстрые текущие показания и историческую телеметрию. Сенсорные данные сохраняются локально в PostgreSQL и синхронизируются с облаком при наличии подключения, благодаря чему дашборд остаётся полезным и внутри автодома, и при удалённом доступе. Настроенная индексация позволяет быстро получить нужные timeseries-данные по выбранному диапазону.
Мобильный UX для мониторинга
Дашборд проектировался так, чтобы оставаться полезным не только на десктопе: ключевые статусы, тревоги, информация о маршруте и состояния устройств остаются читаемыми на мобильных экранах.
Гостевой режим позволяет удалённо проверить состояние автодома, не открывая полный интерфейс владельца и функции управления.
Local-first архитектура телеметрии
Система построена вокруг local-first цикла телеметрии: аппаратные сигналы собираются с сенсоров и бортовых устройств, нормализуются локальными API-сервисами, сохраняются в PostgreSQL как текущие и исторические показания и синхронизируются с облаком при наличии подключения. Дашборд может читать данные из локального или облачного источника в зависимости от того, используется он внутри автодома или удалённо.
Следующий проект
MVP системы мониторинга умного полива