Wave Spark
Hybrid Renewable Energy System transforming ocean waves into clean electricity with real-time IoT monitoring
Project Gallery
Technology Showcase
3D Model Visualization
IoT Dashboard
Physical Prototype
Project Overview
Wave Spark is an award-winning hybrid renewable energy system that combines THREE renewable energy sources: wave energy through underwater turbines, solar panels for rooftop power generation, and wind turbines for constant air-current capture. The energy flows through a chain-drive mechanism and gear system, storing power in eco-friendly lithium batteries for coastal communities, electric vessels, resorts, and public lighting.
The project features an immersive website with a fully explorable 3D model of the prototype using Three.js and React Three Fiber, along with a comprehensive MERN stack IoT dashboard for real-time environmental monitoring using ESP8266 microcontrollers.
Triple-Power Energy System
Wave Energy
Underwater turbines capture kinetic energy from ocean waves, converting the constant motion into electrical power.
Solar Power
Rooftop solar panels provide continuous power generation during daylight hours, maximizing energy capture.
Wind Energy
Wind turbine captures constant air-current energy from coastal breezes, ensuring 24/7 power availability.
Technology Stack
Backend & Database
- Node.js + Express.js
- MongoDB (Database)
- JWT Authentication
- bcrypt Encryption
- RESTful API
Frontend & UI
- React.js
- Three.js + React Three Fiber
- Recharts (Data Visualization)
- Framer Motion (Animations)
- Responsive Design
Hardware & IoT
- ESP8266 Microcontrollers
- PM2.5 Air Quality Sensors
- Temperature Sensors
- Real-time Data Transmission
Key Features
- ✓Interactive 3D Model
- ✓Real-time Statistics & Charts
- ✓Paginated Data Tables
- ✓Auto-refresh (60s intervals)
- ✓User Authentication
Impact & Achievements
Competition Success
🏆 First Place Winner at Brilliant Blue Challenge 2025 in Canada - Renewable Energy Prize. Competed against teams worldwide with our innovative approach to coastal energy solutions.
Environmental Impact
- ●100% renewable energy generation
- ●Marine-safe, non-toxic materials
- ●Weather-resistant design
Community Benefits
- ●Cost-efficient for coastal communities
- ●Powers electric vessels & resorts
- ●Public lighting solutions
Technical Innovation
- ●Integrated 3 energy sources
- ●Real-time IoT monitoring
- ●Interactive 3D visualization
What I Learned
Integrating hardware (ESP8266 microcontrollers), 3D modeling (Three.js & React Three Fiber), and full-stack development (MERN stack) while maintaining cohesive design taught me how to bridge physical prototypes with digital experiences. This project demonstrated the power of combining renewable energy engineering with modern web technologies to create impactful solutions for coastal communities worldwide.
Team & Acknowledgments
Huge thanks to Multi-Aid Programs (MAPs), our coach Muhammad Marwa, and our advisor Asmaa Abou Alkasab. Special recognition to Team Hope members and everyone who contributed their time and expertise to bring this vision to life.
My Role: Full-Stack Developer & Hardware Integration Lead
Interested in Renewable Energy & IoT?
Check out the live demo or get in touch to discuss similar projects and collaboration opportunities