NL·← BACK TO PROJECTS
Case Study · Industrial IoT · 2026

CETEC EcoConnect

Industrial IoT Data Collection System

A live, end-to-end IoT platform that streams real-time environmental & water-quality readings from ESP32 field devices into secure, multi-site dashboards — replacing manual, spreadsheet-based data collection with live monitoring.

Visit live site ↗← All projects
ecoconnect.lk/dashboard
CETEC EcoConnect live monitoring dashboard — real-time pH and dissolved-oxygen charts

The live monitoring dashboard — real-time pH & dissolved-oxygen readings, per site.

EcoConnect dashboard in light mode
Light mode
EcoConnect dashboard in dark mode
Dark mode
Role
Full-stack Developer
Timeline
2026
Coverage
6 monitoring sites
Status
Live in production
The brief

From manual readings to real-time visibility

Challenge

Data that was hard to act on

CETEC (Central Environmental Testing & Consultancy) collected environmental and water-quality data manually across multiple field sites — slow to gather, scattered across spreadsheets, and impossible to monitor in real time.

Solution

An end-to-end monitoring platform

A complete system from field hardware to cloud dashboard: ESP32 sensors push live readings into a secure API, and each site's team monitors and analyses their data in real time through role-scoped dashboards.

What I built

Capabilities

Real-time dashboards

Live sensor cards with status badges (online / offline / no data) and min–max range, plus historical trend charts per site.

Multi-site architecture

Six monitoring locations; each user scoped to their assigned site's data only.

Role-based access control

Super Admin, Site Admin and User roles with session auth and hashed credentials.

Live IoT ingestion

A secured HTTPS endpoint receiving continuous readings from ESP32 field devices.

Responsive & fast

Mobile-first UI, dark / light themes and a performance-tuned landing experience.

CI/CD & secure infra

Zero-touch auto-deploys, HTTPS everywhere, hardened and continuously monitored.

Admin & access control

Role-based access, from the ground up

Super Admin
Full platform access
  • Add, edit and remove monitoring sites
  • Assign Site Admins to a site
  • Approve or reject new sign-up requests
  • Activate / deactivate any account
  • View & export data across every site
Site Admin
Scoped to one assigned site
  • Live dashboard & analytics for their site
  • Export readings for their site
  • No visibility into other sites or users
User
Scoped to one assigned site · view-only
  • Live dashboard & analytics for their site
  • Read-only — no management or export actions
ecoconnect.lk/admin/dashboard
CETEC EcoConnect admin dashboard — site management with per-site sensor status

Super Admins manage every site from one place — add new locations, watch live sensor status per site, and edit or retire sites as field deployments change.

Analytics

Trend, comparison & distribution — not just live numbers

A dedicated analytics workspace aggregates readings daily or weekly and surfaces trend lines with min/max bands, a pH-vs-DO correlation view, and distribution breakdowns (ideal / alkaline / acidic, normal / high / low) — every view and every per-parameter data page exportable to Excel with date, status and location filters.

ecoconnect.lk/analytics
EcoConnect analytics — pH1, pH2 and DO trend analysis with min/max ranges
Trend analysis — pH1 / pH2 / DO over time with min–max bands.
ecoconnect.lk/analytics
EcoConnect analytics — pH vs dissolved oxygen correlation comparison
Comparison view — correlating pH against dissolved oxygen (r = −0.57).
ecoconnect.lk/pages/dissolved-oxygen
EcoConnect Dissolved Oxygen data page — filterable, sortable readings table with Excel export

Per-parameter data pages (Dissolved Oxygen, pH) with status badges, date / location filters, and one-click export to Excel.

Architecture

How the data flows

Field
ESP32 sensors
pH & dissolved-oxygen probes at each site.
Ingest
Secure HTTPS API
Authenticated endpoint validates & stores readings.
Store
MySQL
Time-series readings, users, sites & roles.
View
Live dashboard
Real-time charts, per-site, role-scoped.
Under the hood

Technology

Frontend
Next.js 15ReactTypeScriptTailwind CSS
Backend
PHP REST APIMySQLSession auth · RBAC
Hardware / IoT
ESP32Secure ingestion endpoint
Infra & DevOps
Hetzner CloudApache · PM2Let's Encrypt TLSCloudflare DNSGitHub Actions CI/CD
Full ownership

Beyond the app itself, I owned the entire deployment: registered the domain, provisioned and hardened a Hetzner VPS from scratch, deployed the frontend, backend and database myself, and built the GitHub Actions pipeline that handles CI/CD end to end.

Reliability

Secure by design

  • HTTPS everywhereauto-renewing TLS across the whole platform.
  • Hardened infrastructurefirewall, least-privilege deploy user.
  • Automated patchingdependency & OS security updates.
  • Continuous monitoringhealth checks & alerting in place.

Explore the live platform

The system is live in production, serving CETEC across six monitoring sites.

ecoconnect.lk ↗← Back to projects