TecVerde: Monitoramento

Descrição

TecVerde é uma aplicação web para monitoramento de consumo de água e energia elétrica. Utilizando Firebase para autenticação e armazenamento de dados, e Chart.js para visualização gráfica, o projeto permite registrar, analisar e visualizar o consumo mensal de forma prática e intuitiva.

Projeto Acadêmico

Este projeto foi desenvolvido como parte da disciplina Atividade Extensionista I: Tecnologia Aplicada à Inclusão Digital – Levantamento, do curso da UNINTER. O objetivo é promover a conscientização e o controle do consumo de recursos básicos por meio de soluções tecnológicas acessíveis e inclusivas.

Funcionalidades

• Autenticação com Google: Login seguro utilizando Firebase Authentication.
• Registro de Consumo: Adicione dados de consumo de água e energia elétrica mensalmente.
• Visualização Gráfica: Gráficos interativos para análise de consumo ao longo do tempo.
• Análise de Consumo: Estatísticas detalhadas, como consumo médio, total, variação mensal e estimativa de custos.
• Configuração de Custos: Defina valores para custo por m³ de água e kWh de energia elétrica.
• Armazenamento Persistente: Dados salvos no Firestore e custos armazenados no localStorage.

Estrutura do Projeto

TecVerde/
├── index.html       # Estrutura principal da aplicação
├── style.css        # Estilos personalizados
├── script.js        # Lógica da aplicação
├── README.md        # Documentação do projeto

Tecnologias Utilizadas

• HTML/CSS: Estrutura e estilos da interface.
• JavaScript: Lógica da aplicação e integração com Firebase.
• Firebase:
  • Authentication: Autenticação de usuários.
  • Firestore: Armazenamento de dados de consumo.
• Chart.js: Visualização gráfica de dados.
• Tailwind CSS: Estilização rápida e responsiva.

Configuração e Uso

1. Clone o repositório:

   git clone <URL_DO_REPOSITORIO>

2. Configure o arquivo script.js com suas credenciais do Firebase:

   const firebaseConfig = {
     apiKey: "SUA_API_KEY",
     authDomain: "SEU_AUTH_DOMAIN",
     projectId: "SEU_PROJECT_ID",
     storageBucket: "SEU_STORAGE_BUCKET",
     messagingSenderId: "SEU_MESSAGING_SENDER_ID",
     appId: "SEU_APP_ID",
     measurementId: "SEU_MEASUREMENT_ID"
   };

3. Abra o arquivo index.html em um navegador.

Como Contribuir

1. Faça um fork do repositório.
2. Crie uma branch para sua funcionalidade:

   git checkout -b minha-funcionalidade

3. Commit suas alterações:

   git commit -m "Adiciona nova funcionalidade"

4. Envie suas alterações:

   git push origin minha-funcionalidade

5. Abra um Pull Request.

Licença

Este projeto está licenciado sob a MIT License.