Thunder – Energy Management Insights Platform

Ahmad Anis

Ahmad Anis

⚡ Thunder – Energy Management Insights Platform

Live Demo / Screenshots: Available at thunderenergy.ai (Screenshots included in this repo illustrate key components you've seen.)

🌐 Overview

Thunder is an intelligent energy management platform built for telecom and infrastructure operators. It enables real-time monitoring, data‑driven analysis, autonomous optimization, and automated field actions to reduce OPEX and carbon footprint :contentReference[oaicite:2]{index=2}.

🚀 Core Features

1. Real-Time Data Monitoring & Control

Visualize live metrics from grid, solar, diesel generators, batteries, rectifiers, and transformers.
Provide on-demand control and adjustments across distributed assets :contentReference[oaicite:3]{index=3}.

2. Visualization & Analysis

Interactive dashboards displaying energy consumption, performance trends, and health insights.
Enables root cause analysis through deep analytics :contentReference[oaicite:4]{index=4}.

3. Optimization & Savings

Automated suggestions to reduce peak-hour grid usage and generator runtime.
Forecast-driven asset management—battery charging, generator usage, and load balancing :contentReference[oaicite:5]{index=5}.

4. Use Cases & Value Impact

Telecom case study (Telenor Pakistan): saved up to 5 MWh/day energy, reduced CO₂ emissions by 2,430 tonnes, and achieved USD 5.67 M OPEX savings :contentReference[oaicite:6]{index=6}.

5. Automated Actions

System triggers control changes such as switching energy sources or disabling generators when thresholds are crossed :contentReference[oaicite:7]{index=7}.

6. Data Collection & IoT Integration

Ingests high-frequency data from IoT gateways across thousands of sites.
Uses ML/AI algorithms to model trends, predict outages, and recommend operations :contentReference[oaicite:8]{index=8}.

🧰 Tech Stack & Architecture

Layer Technologies/Methods Frontend Next, TypeScript, Tailwind CSS Visualization D3.js / ECharts / Chart.js State Mgmt Redux / Context API API REST endpoints (data ingestion, control commands) Mapping Integrated with Mapbox / other geo tools Automation RxJS / event-driven control handlers ML / AI Predictive models executed server-side, surfaced in UI Deployment Docker, CI/CD, performance & security optimizations

🛠 Dynamic Form Rendering

All configuration forms and parameter inputs are defined via JSON schemas.
The UI dynamically renders fields with validation, defaults, and conditional logic—no manual frontend updates needed.
Enables rapid updates and new feature rollout by simply updating JSON definitions.

📸 Screenshots

🛡️ Disclaimer

This platform was built in a professional environment and uses proprietary protocols and data. Public screenshots are sanitized and shared with permission. The live app is not publicly accessible without credentials.

👨‍💻 Developer

Ahmad Anis Frontend Engineer 📍 Germany 📫 theahmdanis1@gmail.com | LinkedIn

📌 Notes

I led the front‑end, focusing on modular design, interactive data visualizations, dynamic UIs, and performance tuning.
Collaboration with backend and ML teams was key to surface accurate, actionable intelligence.
Continuous integration, end‑to‑end testing, and CSS-in-JS approaches were used to ensure maintainability and UX consistency.
Like this project

Posted Aug 12, 2025

Developed Thunder, an energy management platform for telecom operators, focusing on frontend design and data visualization.

Likes

0

Views

1

Timeline

Jan 1, 2023 - Apr 15, 2024

Clients

Thunder