Skip to content

JuniorReisx/PID---Frontend

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 

Repository files navigation

PID — Intelligent Platform for Energy Transition Data

📌 About the Project

PID is an interactive web platform developed to simplify the visualization and understanding of Brazil’s energy transition. The solution combines smart maps, interactive dashboards, Artificial Intelligence, and gamification to transform technical and territorial data into accessible information for different audiences.

The platform was designed to democratize access to information about energy infrastructure, sustainability, renewable energy, and energy curtailment, offering personalized and intuitive experiences for citizens, investors, governments, and technical consultants.


🚀 Project Goal

The main goal of PID is to make complex energy transition data more visual, accessible, and easier to understand, supporting both awareness and strategic decision-making.


🧠 Main Features

  • 🌎 Smart maps and interactive territorial visualization

  • 📊 Interactive dashboards and dynamic charts

  • 🤖 AI-powered chatbot

  • 🎮 Educational sustainability game

  • 👥 Personalized experiences based on user personas:

    • Citizen
    • Investor
    • Government
    • Technical Consultant
  • 📱 Mobile-first and fully responsive design

  • 💡 Automated insights and intelligent recommendations

  • 📍 Georeferenced territorial analysis

  • ♻️ Focus on sustainability and renewable energy awareness


🛠️ Technologies Used

Frontend

  • React
  • Vite
  • Tailwind CSS
  • Recharts
  • MapLibre GL
  • CARTO Basemaps
  • HTML5
  • CSS3
  • JavaScript

📂 Project Structure

PID/
├── src/
├── public/
├── components/
├── assets/
├── package.json
└── README.md

⚙️ Getting Started

Clone the repository

git clone https://github.com/your-username/pid.git

Navigate to the project folder

cd pid

Install dependencies

npm install

Run the development server

npm run dev

🧩 How It Works

When accessing the platform, users can select a navigation persona according to their profile and goals. Based on this selection, the system customizes the experience by displaying:

  • Personalized indicators
  • Smart insights
  • Interactive maps
  • Dynamic dashboards
  • Strategic recommendations

The platform also includes an AI chatbot for answering questions and an educational game focused on sustainability and renewable energy awareness.


📈 Solution Viability

The solution has high technical, operational, and social viability, using modern and accessible technologies with a lightweight, responsive, and scalable architecture.

The project also has strong future expansion potential through integration with public APIs, additional geospatial layers, and advanced Artificial Intelligence features.


🌍 Expected Impacts

  • Democratization of access to energy-related data
  • Increased environmental awareness
  • Support for strategic decision-making
  • Simplification of energy curtailment understanding
  • Encouragement of green investments
  • Connection between technology, territory, and sustainability
  • Educational impact through AI and gamification

🏆 Project Differentiators

  • Persona-based personalized experience
  • Integration of maps, AI, and gamification
  • Modern and intuitive interface
  • Simplification of technical information
  • Intelligent territorial visualization
  • Accessibility for multiple audiences
  • Strategic recommendations and hypothetical scenarios

🔍 Inspirations and References

Some platforms used as inspiration during development:

  • ArcGIS
  • Empresa de Pesquisa Energética
  • Geospatial platforms and energy dashboards

👨‍💻 Team

Developed collaboratively during a hackathon/technology challenge focused on energy transition and sustainability solutions.


📄 License

This project was developed for academic and educational purposes.

About

PID is an interactive web platform developed to simplify the visualization and understanding of Brazil’s energy transition.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 99.3%
  • Other 0.7%