Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

juniodevs/TecVerde

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

3 Commits

Repository files navigation

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 m3 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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /