GitHunt
JO

joaopdiasdev/projeto_3__exp_criativa

projeto 3

🌱 Curitiba + Sustentável

Este é um projeto web interativo que promove ações de sustentabilidade na cidade de Curitiba, permitindo que os usuários:

Visualizem um mapa com pontos sustentáveis (parques, feiras orgânicas, pontos de coleta, etc.)

Realizem e visualizem avaliações desses pontos

Respondam a um quiz para calcular sua pegada de carbono

Acompanhem seus resultados por meio de gráficos interativos

🚀 Funcionalidades
🗺️ Mapa Sustentável

Exibe pontos verdes de Curitiba usando a biblioteca Leaflet.js

Cada ponto possui:

    Nome

    Tipo (Parque, Feira, Coleta, etc.)

    Opção para avaliar

💬 Avaliações de Pontos

Usuários podem avaliar qualquer ponto do mapa

As avaliações são salvas no Firebase Firestore

As avaliações anteriores são carregadas automaticamente na página

🌍 Quiz da Pegada de Carbono

Perguntas simples sobre hábitos sustentáveis

Cálculo da pontuação total baseado nas respostas

Visualização com dois gráficos interativos usando Chart.js:

    Gráfico de barras empilhadas

    Gráfico de rosca (doughnut)

📊 Estatísticas dos Pontos no Mapa

Um gráfico de barras exibe a quantidade de pontos por tipo (Parque, Feira, etc.)

🛠️ Tecnologias Utilizadas

HTML5, CSS3, JavaScript ES6+

Leaflet.js – para renderização de mapas

Firebase Firestore – banco de dados em tempo real

Chart.js – visualização de dados com gráficos

Google Fonts – estilização tipográfica

OpenStreetMap – tiles para o mapa

🔧 Estrutura do Projeto

/
├── index.html # Página principal
├── style.css # Estilos
├── script.js # Lógica do frontend
├── firebase.js # Configuração e integração com Firebase
└── README.md # Este arquivo

📦 Como Rodar o Projeto

Clone o repositório:

git clone https://github.com/seu-usuario/curitiba-mais-sustentavel.git
cd curitiba-mais-sustentavel

Abra o arquivo index.html diretamente no navegador.

Certifique-se de que seu projeto no Firebase está ativo e que as regras do Firestore estão liberadas para leitura/escrita (somente para testes! Em produção, use regras seguras).

🔐 Segurança

⚠️ Atenção: Nunca deixe as chaves de API do Firebase públicas em um ambiente de produção sem regras de segurança adequadas!

📸 Capturas de Tela
Mapa e Avaliações

Quiz de Pegada de Carbono

👩‍🔬 Guia de projeto extensionista : biologa Alzira Schmidt

Contributors

Created June 2, 2025
Updated September 22, 2025