Full-Stack · IoT · Embedded Hardware
Wave Spark
A real-time renewable energy management system combining wave, solar, and wind generation with live sensor data streamed from embedded hardware to a full-stack IoT dashboard with 3D visualization. Built from ESP8266 to cloud.
The System
What it does and why it exists
Wave Spark is a hybrid energy harvesting system designed for coastal environments. It captures kinetic energy from ocean waves using underwater turbines, supplemented by rooftop solar panels and a wind turbine — three sources feeding a single power chain through a gear and drive mechanism, storing electricity in lithium batteries.
The software side is a full-stack IoT platform built on the MERN stack. ESP8266 microcontrollers stream live sensor data (air quality, temperature, energy output) to the backend every 60 seconds. The dashboard visualizes this in real-time with Recharts and exposes an explorable 3D prototype model built in Three.js and React Three Fiber. Users authenticate via JWT, access paginated data tables, and monitor all three energy sources from a single interface.
Stack
- React
- Three.js
- React Three Fiber
- Recharts
- Framer Motion
- Node.js
- Express
- MongoDB
- JWT
- bcrypt
- REST API
- ESP8266
- PM2.5 Sensors
- Temperature Sensors
- Real-time Transmission
Gallery
Technology Showcase
3D Model Viewer
Live IoT Dashboard
Physical Prototype
Results
1st
Place — Brilliant Blue 2025
Canada
94/100
Technical Score
Highest in evaluation
3
Energy Sources
Wave + Solar + Wind
60s
Data Refresh Rate
Auto-updated live
My Role
Full-Stack Developer & Hardware Integration Lead
Architected the full MERN stack backend — REST API, JWT auth, data storage, and auto-refresh pipeline
Integrated ESP8266 microcontrollers with the Node.js server for live sensor streaming
Built the 3D prototype viewer using Three.js and React Three Fiber
Designed the real-time IoT dashboard with Recharts data visualization and paginated tables
Deployed the full system to production (frontend on Vercel, backend separately)
Team & Acknowledgments
Built with Multi-Aid Programs (MAPs), coached by Muhammad Marwa, advised by Asmaa Abou Alkasab. Competed as part of Team Hope — 20+ engineers across 8 countries.
Have a system to build?
Open to engineering challenges, collaborations, and high-impact projects.