The Energy Odyssey: Introduction to Energy and Forecasting industry

The Energy Odyssey is an interactive web application designed to help new hires and enthusiasts get comfortable with the complex world of the Energy Grid. It takes users on a journey from the fundamental physics of energy to the place where you are comfortable with energy domain/ forecasting.

🔗 Live Demo: https://pranay-code.github.io/energyintro/

🌟 Key Features

• Interactive Learning: 17 structured topics covering Physics, Engineering, Economics, and Data Science.
• Visual Simulations:
  • City Lights Intro: An engaging animation showing how electricity powers modern life.
  • Multi-Source Converter: Simulate energy conversion from Coal, Wind, Solar, Hydro, and Biomass.
  • Live Grid Mix: Interactive "Waffle Chart" showing India's latest energy mix (June 2025 Estimates).
  • Grid Balancing: Interactive "Pool" analogy for frequency control.
  • Weather Dashboard: Live forecasting using OpenMeteo API & Leaflet Maps.
  • Turbine Logic: Animated visualizations of generation mechanics.
  • Battery Arbitrage: Simulation of energy time-shifting.
• Gamified Assessment: A 20-question quiz with detailed review and certificate generation.
• Modern UI: "Light Sky Blue" theme with glassmorphism and floating animations.

🛠️ Tech Stack

• Core: HTML5, CSS3 (Variables, Animations), JavaScript (ES6+).
• Build Tool: Vite.
• Libraries:
  • Chart.js (Data Visualization)
  • Leaflet (Maps)
  • jspdf (Certificate Generation)
• APIs: OpenMeteo (Geocoding & Weather Forecasts).

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/pranay-code/energyintro.git
   cd energyintro

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser at http://localhost:5173.

📦 Deployment

To deploy to GitHub Pages:

npm run deploy

📄 License

This project is open-source and available under the MIT License.