01Overview
Energy & Solar Sizing Platform is a modular energy calculator, bill sizing wizard, and asset recommendation system designed to model energy consumption, tariff structures, and solar/water heater hardware requirements across multi-tier user workflows.
The application equips engineers and client consultants with direct, simplified, and advanced sizing calculators, backed by real-time WebSocket demand alerts, interactive time-series financial charts, and geospatial mapping.
02My contributions
- 01
Architected a modular solar system estimation and bill calculator wizard using React 18, TypeScript, and Redux Toolkit, allowing users and administrators to estimate monthly required energy, model tariff structures, and calculate custom solar/water heater system sizing options across direct, simplified, and advanced estimation workflows.
- 02
Engineered a real-time event and notification pipeline using SockJS, STOMP, and RxJS Observables integrated with Redux listener middleware, supporting automatic reconnection, exponential backoff, and real-time system notifications and demand-control alerts.
- 03
Implemented centralized data fetching and security middleware using RTK Query code-split endpoint injection, bearer token authorization, automated 401 session invalidation, localStorage sanitization, and privilege-based route protection.
- 04
Developed interactive analytics and spatial UI components including dynamic time-series charts, drag-and-drop layout builders, Google Maps geospatial mapping, and a system/dark/light theme manager synchronized with browser color-scheme preferences.
- 05
Extracted a reusable shared domain module for cross-cutting UI components, DTO schemas, and error transformers, while configuring environment-driven build targets for clean CI/CD deployment separation across client instances.
03Architecture highlights
04Key features
- Direct, simplified and advanced estimation workflows
- Monthly energy and electricity bill calculation
- Tariff modelling
- Solar and water heater system sizing
- Real-time notifications and demand-control alerts
- Time-series analytics dashboards
- Drag-and-drop layout builder
- Google Maps site mapping
- System / dark / light theme