Water Electrolysis Equipment Control Program

Featured

Real-time monitoring and control desktop application for 2kW hydrogen production equipment
Runs offline in a local environment without the cloud and communicates directly with hardware over MQTT. It brings together the core workflows needed for on-site operation in a single HMI, including project-level database isolation, real-time dashboards, P&ID-based control, alarm/event tracking, protocol execution, and CSV export.

1 / 8

Roles

PlanningDesignFrontendBackend

Tech Stack

Electron

React

TypeScript

Tailwind CSS

Drizzle ORM

SQLite

MQTT

TanStack Query

Key Features

Real-time Dashboard: Visualized key telemetry such as hydrogen production, pressure, current, voltage, and electrolyte temperature/flow with charts and KPI cards
P&ID Monitoring and Control: Built an SVG-based facility screen that reflects live equipment state and connects directly to the control panel
Protocol Editing and Execution: Supported drag-and-drop procedure editing, loop/delay configuration, execution tracking, and jump/pause/resume controls
Alarm, Event, and Command History: Added safety alarm detection, acknowledgment flows, command send/apply status tracking, and audit logs
Project and Device Operations: Supported project-level database isolation, device mapping, session history, and connected-device status views
Data Utility Workflows: Added long-range time-series queries, popup telemetry monitoring, and CSV export

Key Achievements

Non-blocking main-process architecture: Separated the control runtime and telemetry ingest runtime into Electron utility processes, and offloaded CSV export, aggregation, and long-range queries to worker threads to prevent main-process blocking
Improved real-time operational stability: Designed the runtime so UI responsiveness, heartbeat flow, MQTT communication, and telemetry ingestion remain stable even during heavy background work
Offline MQTT runtime: Integrated the embedded broker, heartbeat flow, and command publishing path into the local runtime so the system can operate without external servers
Project-Level Data Isolation: Built per-project databases and device mapping structures to manage experiment and operational data independently
Large Time-Series Optimization: Improved long-range telemetry query performance with aggregate tables, range-query workers, and LTTB downsampling
Safety-Oriented Operator UX: Improved operator response time with alarm-triggered emergency stop handling, command status tracking, and device console popups
Test-Driven Quality Coverage: Added automated Vitest coverage across telemetry, project selection, sessions, and worker offloading logic

#Hydrogen Energy

#HMI

#Industrial Software

#Real-time Monitoring

#MQTT

#Desktop App