Back to All Projects
CompanySyntax GenieYear: 2024

Remote Monitoring Platform — Multi-Vendor Solar Fleet & Smart Grid Management System

Multi-vendor solar telemetry, GIS site mapping, & smart grid emergency control engine

React 18TypeScriptRedux ToolkitRTK QueryWebSocketsSockJSSTOMPRxJSLeafletChart.jsRechartsBootstrap 5SCSS Modules
Live Website
Remote Monitoring Platform — Multi-Vendor Solar Fleet & Smart Grid Management System screenshot preview

Overview

Remote Monitoring Platform is an industrial smart grid management platform developed for Chloride Exide to monitor, visualize, and control grid-scale multi-vendor solar power installations across client sites.

The system aggregates live telemetry streams from heterogeneous solar inverter APIs (GoodWe, Growatt, Deye, Victron/VRM), rendering spatial Leaflet GIS site maps and executing real-time demand curtailment and blackout emergency control commands.

Key Engineering Contributions

01

Architected a multi-vendor solar telemetry management platform integrating APIs across leading inverter manufacturers including GoodWe, Growatt, Deye, and Victron/VRM into a unified operational dashboard for monitoring grid-scale energy generation.

02

Engineered a resilient, real-time alert notification engine utilizing custom Redux listener middleware, STOMP over WebSockets with SockJS, and RxJS observables to handle private/public topic streams with automatic reconnection logic.

03

Implemented an interactive GIS spatial map using Leaflet to render geographical distribution, operational status, fault alerts, and power generation metrics for hundreds of solar sites.

04

Developed critical smart grid management features including remote power curtailment commands, batch site shutdown/startup protocols during blackout emergency events, and automated PDF/CSV fleet analytics reporting.

05

Optimized application state and data fetching by leveraging RTK Query with declarative caching and invalidation, while enforcing dynamic Role-Based Access Control across granular user privileges.

Technical Skill Groups

Frontend Core

React 18TypeScriptRedux ToolkitRTK QueryReact Router v6

Real-time Communication

WebSocketsSockJSSTOMP Protocolwebstomp-clientRxJS

Data Visualization & GIS

LeafletChart.jsreact-chartjs-2Recharts

UI & Styling

Bootstrap 5Sass / SCSS ModulesMaterial Design IconsReact Hook Form

Architecture & Tooling

RESTful APIsRBAC Privilege Architectureenv-cmdJestESLint

Architecture & Engineering Highlights

Multi-vendor API aggregation
Real-time telemetry
Event-driven frontend architecture
Redux listener middleware
WebSocket/STOMP communication
RxJS observables
GIS visualization
RTK Query declarative caching
RBAC privilege enforcement
JWT authentication
Defensive error handling

Key Features

Multi-vendor solar fleet management
Solar telemetry
GoodWe integration
Growatt integration
Deye integration
Victron/VRM integration
Real-time alerts
WebSocket communication
STOMP messaging
RxJS event streams
Automatic reconnection
GIS solar-site visualization
Leaflet maps
Power-generation monitoring
Remote power curtailment
Emergency shutdown/startup
PDF reporting
CSV reporting
RTK Query caching
RBAC privilege management

Engineering Impact

Delivered high-performance architecture, optimized state management, and reliable offline/real-time integrations enforcing strict compliance, role-based security, and domain data integrity across all operational environments.

Project Snapshot

CategoryCompany
CompanySyntax Genie
Year2024
Features20 Items
View Live Demo

Top Feature Highlights

  • 1Multi-vendor solar fleet management
  • 2Solar telemetry
  • 3GoodWe integration
  • 4Growatt integration
  • 5Deye integration

Technologies Used

React 18TypeScriptRedux ToolkitRTK QueryWebSocketsSockJSSTOMPRxJSLeafletChart.jsRechartsBootstrap 5SCSS Modules
Previous ProjectThermal Transformer Diagnostics — Industrial Asset & Thermal Inspection System
Back to All Projects
Next ProjectEnergy & Solar Sizing Platform