Woby logo

Automotive / IoT

Campervan Monitoring System

Full-stack IoT dashboard for monitoring campervan systems, combining real-time sensor data, historical charts, GPS mapping, relay controls, video streams, and local-to-cloud synchronization. The system was designed for a real mobile environment where network access, Bluetooth devices, sensors, and cloud connectivity are not always reliable.

Work
Web design, UX/UI, Integration, API, Frontend, Backend
Technologies
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
Country
Russia
Campervan monitoring dashboard with sensor cards, video streams, GPS data, and historical charts

Key features

  1. 01

    Responsive Next.js dashboard for real-time campervan monitoring

  2. 02

    Battery, solar, GPS, water, temperature, gas, relay, video, and router status views

  3. 03

    Historical sensor charts with selectable time ranges and resolutions

  4. 04

    GPS route history with Leaflet maps and point-density controls

  5. 05

    Local-first PostgreSQL storage with cloud synchronization

  6. 06

    Current and historical sensor readings modeled with Prisma

  7. 07

    RTK Query polling, caching, stale-data handling, and typed API hooks

  8. 08

    Hardware integrations with BLE devices, serial GPS, Raspberry Pi sensors, ESP32 boards, modem metrics, and relay controls

  9. 09

    Fallback behavior for unreliable hardware, local network issues, and cloud availability problems

  10. 10

    Owner and guest dashboard access modes

Overview

Campervan Monitoring System connects hardware sensors, vehicle devices, local backend services, cloud storage, and a responsive dashboard into one operational monitoring platform. It tracks battery state, solar charging, GPS location, water systems, temperature, gas and air quality, router/modem health, relay-controlled devices, and video/DVR sources.

The dashboard experience was built around how the van is actually used: current operational status first, historical charts where they matter, GPS route history, guest and owner access modes, and local/cloud data source switching depending on whether the app is running inside the van or remotely.

A major part of the work was handling unreliable physical devices. The system includes stale data handling, BLE reconnect logic, I2C error recovery, ESP32 request throttling, relay auto-timeouts, local-first storage, and fallback UI states when live data or cloud access is temporarily unavailable.

The data layer separates fast current readings from historical telemetry. Sensor data is stored locally in PostgreSQL and synchronized to the cloud when connectivity allows, making the dashboard useful both inside the campervan and remotely.

Mobile access for real-world monitoring

The dashboard was designed to stay useful outside a desktop setup: key status cards, alerts, route information, and device states remain readable on mobile screens.

Mobile and guest views make it possible to check the campervan remotely without exposing the full owner-level control interface.

Campervan monitoring dashboard with sensor cards, video streams, GPS data, and historical charts mobile — 1
Campervan monitoring dashboard with sensor cards, video streams, GPS data, and historical charts mobile — 2
Campervan monitoring dashboard with sensor cards, video streams, GPS data, and historical charts mobile — 3
Campervan monitoring dashboard with sensor cards, video streams, GPS data, and historical charts mobile — 4
Campervan monitoring dashboard with sensor cards, video streams, GPS data, and historical charts mobile — 5

Local-first telemetry architecture

The system follows a local-first telemetry loop: hardware signals are collected from sensors and onboard devices, normalized by local API services, stored as current and historical readings in PostgreSQL, and synchronized to the cloud when connectivity is available. The dashboard can read from local or cloud sources depending on whether it is used inside the campervan or remotely.

Next project

Smart Irrigation Monitoring MVP
Smart irrigation monitoring dashboard with telemetry cards, irrigation zones, charts, and events