🌐 MindBridge - Front-End

Este repositório contém o front-end da solução MindBridge, uma interface web desenvolvida para complementar a aplicação de monitoramento escolar. O sistema foi criado utilizando HTML, CSS, JavaScript e Node.js, com foco na visualização de dados e interatividade para dois perfis de usuário: o corpo docente e os alunos.

---

🏠 Home Page

A tela inicial do sistema apresenta a proposta da solução e da equipe desenvolvedora, MindBridge. Essa área também serve como ponto de entrada para os diferentes tipos de acesso.

---

📊 Funcionalidades

👨‍🏫 Painel Acadêmico (Acesso do corpo docente)

• Dashboard com gráficos interativos utilizando Chart.js
• Visualização em tempo real de:
  • Temperatura e uso das máquinas
  • Presença ou ausência dos alunos
  • Aplicações em uso
  • Dados de desempenho e foco

🎮 Painel do Aluno

• Dashboard com métricas individuais de uso e desempenho
• Gameficações para incentivo de produtividade e foco
• Representação gráfica de histórico de atenção e participação

---

🚀 Tecnologias utilizadas

• HTML5
• CSS3
• JavaScript
• Node.js
• Chart.js
• NPM (gerenciador de pacotes)

---

📦 Como executar o projeto

Requisitos:

• Node.js instalado
• NPM

# Clone o repositório
git clone https://github.com/matheuslima19/mindbridge-site.git

# Instale as dependências
npm install

# Inicie o servidor local
npm start

# O sistema ficará disponível em http://localhost:3000

---

👥 Contribuidores

Desenvolvido por estudantes de Análise e Desenvolvimento de Sistemas da [nome da faculdade]:

• Matheus Santos de Lima - @matheuslima19
• Thaisa Nobrega Costa - @nobregathsa
• Luma Souza - @lumasouza
• Luiz Paulo Frutuoso - @lUIZ-PAULO-FRUTUOSO
• Julia Matos - @JuliaMatos09

---

📄 Licença

Projeto de uso acadêmico. A reprodução ou uso comercial está sujeito à autorização dos autores.