H2Grid is a map-based tool designed to accelerate the development of the hydrogen ecosystem. It visualizes existing and planned hydrogen infrastructure, such as plants, storage facilities, pipelines, and distribution hubs. By leveraging data-driven models, H2Grid provides site selection recommendations for new hydrogen projects based on key criteria like proximity to renewable energy sources, market demand, regulatory zones, and cost optimization.
- Interactive Map: Visualize hydrogen infrastructure across India with layered data on renewable energy sources, demand centers, and transport logistics.
- Site Selection Recommendations: Data-driven suggestions for optimal project locations based on proximity to renewables, market demand, regulatory zones, and cost efficiency.
- User-Friendly Interface: Modern, responsive design for seamless interaction and visualization.
- Charts & Analytics: Dynamic visualizations showing hydrogen production, consumption, and cost trends across regions in India.
- Indian Map Integration: Geospatial mapping of renewable resources, demand centers, and infrastructure specifically for Indian states and cities.
- Marketplace Module: The platform features a dedicated Marketplace where industry stakeholders can buy and sell key hydrogen-related raw materials and components, including electrolyzer parts, catalysts, membranes, and hydrogen carriers such as ammonia and methanol.
Explore H2Grid's features through the following screenshots:
![]() |
![]() |
|---|
![]() |
![]() |
|---|
![]() |
![]() |
|---|
![]() |
![]() |
|---|
- Clone the repository:
git clone https://github.com/udaykumar-dhokia/CodeOverflow-DAIICT-HackOut25 .git
- Navigate to the project directory:
cd CodeOverflow-DAIICT-HackOut25 - Install frontend dependencies:
cd frontend npm install - Install backend dependencies:
cd ../backend npm install - Set up Python environment for data processing:
cd ../data-processing pip install -r requirements.txt - Configure environment variables:
- Create a
.envfile in thebackenddirectory with necessary API keys and configurations. - Example:
PORT=3000 MONGODB_URL=your-database-url JWT_SECRET=YOUR_SECRET
- Create a
- Start the backend server:
cd backend npm run dev - Start the frontend development server:
cd frontend npm run dev - Run the Python data processing scripts (if applicable):
cd data-processing python main.py - Open your browser and navigate to
http://localhost:5173(or the port specified by Vite) to access the H2Grid application.
We welcome contributions to improve H2Grid! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Commit your changes (
git commit -m "Add your feature"). - Push to the branch (
git push origin feature/your-feature). - Open a pull request.
Please ensure your code adheres to the project's coding standards and includes relevant tests.
Meet the team behind H2Grid! Each member contributes unique expertise to make this project a success.
| Name | Role | Profile |
|---|---|---|
| Udaykumar Dhokia | Full-Stack Developer | GitHub |
| Prasanna H. | Backend Developer | GitHub |
| Vaibhavi Katiyar | AI Developer | GitHub |
This project is licensed under the MIT License. See the LICENSE file for details.
A huge thank you to our amazing community! H2Grid has received stars on GitHub, and we’re incredibly grateful for your support. If you find this project useful, please consider giving it a star 🌟 to help us grow the hydrogen ecosystem further!
For questions or feedback, please reach out to [email protected] or open an issue on GitHub.








