Full-Stack IoT · Industrial Monitoring
Real-time sensor data · Cloud backend · Live dashboard
Full-stack system for remote monitoring of industrial sensors.
A simulated IoT device sends temperature readings every 5 seconds to a cloud backend —
data is stored in Supabase and pushed live to a WebSocket-powered dashboard,
with actuator control and critical threshold alerts.
System Architecture
IoT device → cloud API → live dashboard. Each layer independently deployable and replaceable.
What it does
Built to demonstrate end-to-end full-stack capability across IoT simulation, REST API design, real-time data streaming and cloud deployment.
Python simulator mimics a physical temperature sensor — sends readings every 5 seconds via REST POST to the cloud backend. Configurable intervals and value ranges for stress testing.
5 REST endpoints: ingest sensor data, fetch latest reading, retrieve 24h history, control actuators (LED/buzzer), query actuator state. Auto-documented via Swagger UI at /docs.
Supabase Realtime subscription pushes new sensor readings to all connected dashboards instantly — no polling, no page refresh. Chart updates live as data arrives.
Dashboard controls remote actuators (LED, buzzer) via REST API. State persisted in database — any connected client sees the current actuator status in real time.
Visual critical alerts trigger when sensor values exceed configurable thresholds. Dashboard highlights anomalies immediately — designed for 24/7 unattended monitoring scenarios.
Full-screen TV mode for wall-mounted displays in industrial environments. Large readouts, high contrast — optimised for operators monitoring from a distance.
Roadmap
Tech Stack
| Layer | Technology | Role |
|---|---|---|
| Backend | FastAPI · Python 3.11 | REST API, sensor ingestion, actuator control |
| Database | Supabase · PostgreSQL | Persistent storage + Realtime WebSocket |
| Frontend | HTML5 + CSS3 + Vanilla JS | Live dashboard, Chart.js graphs, TV mode |
| Simulator | Python | IoT device emulation, data generation |
| Deploy Frontend | Netlify | CDN, continuous deploy from GitHub |
| Deploy Backend | Render.com | Cloud API hosting, auto-sleep on free tier |
| Containers | Docker Compose | Local development orchestration |
Open Source · Live
Dashboard live on Netlify. Source code on GitHub. Backend on Render — first load may take 30s (free tier cold start).