Skip to content
PedroLima-07Public

About

EnerQuest: plataforma web gamificada sobre energias renováveis, com modo estudo, quiz solo e multiplayer local. HTML5, CSS3 e JavaScript puro. Projeto em equipe (UPX - Facens).

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Latest commit

 

History

73 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ EnerQuest

Aprendendo sobre energias renováveis de forma divertida e interativa.

Jogar agora

HTML5 CSS3 JavaScript GitHub Pages

Projeto acadêmico desenvolvido para a disciplina UPX (Usina de Projetos Experimentais) da Unifacens.


📖 Sobre o Projeto

O EnerQuest é uma plataforma web educacional gamificada criada para tornar o aprendizado sobre energias renováveis mais acessível, dinâmico e envolvente.

O projeto combina conteúdos educativos com mecânicas de jogo, permitindo que os usuários aprendam conceitos importantes sobre sustentabilidade e fontes de energia limpa enquanto interagem com desafios e atividades práticas.

A proposta é unir educação e entretenimento, incentivando a conscientização ambiental por meio de uma experiência moderna e intuitiva.

Toda a aplicação foi construída com HTML, CSS e JavaScript puro, sem frameworks: a navegação entre telas, o tutorial interativo, o sistema de pontuação e vidas, o sorteio das perguntas e a disputa de teclas do multiplayer são implementados na mão, em JavaScript.


🎯 Objetivos

  • Promover o conhecimento sobre energias renováveis.
  • Incentivar a conscientização ambiental.
  • Utilizar gamificação como ferramenta de aprendizagem.
  • Tornar conteúdos educacionais mais atrativos.
  • Estimular a competição saudável e o aprendizado colaborativo.

🎮 Modos Disponíveis

📚 Modo de Estudo

O modo de estudo foi desenvolvido para apresentar conteúdos educativos sobre energias renováveis de forma clara e intuitiva.

Os usuários podem explorar:

  • Conteúdos explicativos;
  • Imagens ilustrativas;
  • Vídeos educativos;
  • Informações sobre funcionamento, benefícios e aplicações das energias renováveis.

O conteúdo é dividido por fonte de energia — solar, eólica, hidrelétrica, biomassa e geotérmica — para fornecer uma base sólida antes dos desafios.


🧠 Modo Solo

O modo solo funciona como um quiz interativo voltado para a fixação do conteúdo estudado.

Neste modo, o jogador:

  • Responde a 10 perguntas sobre energias renováveis;
  • Começa com 3 vidas e perde uma a cada erro;
  • Acumula pontuação conforme acerta;
  • Aprende enquanto pratica.

Cada partida representa uma oportunidade de reforçar o aprendizado de maneira divertida.


⚔️ Multiplayer Local

Inspirado nos tradicionais game shows de perguntas e respostas da televisão, o modo multiplayer local permite que dois jogadores disputem utilizando o mesmo computador.

Funcionamento:

  • Uma pergunta é apresentada para ambos os participantes;
  • Os jogadores devem pressionar suas teclas o mais rápido possível;
  • Quem reagir primeiro ganha o direito de responder;
  • Respostas corretas geram pontos;
  • Ao final da partida, vence quem acumular a maior pontuação.

Este modo promove interação social, competição saudável e aprendizagem colaborativa.


🚀 Tecnologias Utilizadas

  • HTML5 — estrutura das telas e do conteúdo educativo
  • CSS3 — identidade visual, animações e layout responsivo
  • JavaScript — lógica do jogo, pontuação, tutorial e multiplayer
  • GitHub Pages — hospedagem da versão publicada

🌟 Principais Funcionalidades

  • Sistema educacional gamificado;
  • Conteúdo multimídia sobre energias renováveis;
  • Tutorial interativo na primeira entrada de cada modo;
  • Quiz com sistema de vidas e pontuação;
  • Multiplayer local para dois jogadores;
  • Interface intuitiva;
  • Experiência de aprendizagem dinâmica.

🌐 Acesso ao Projeto

O projeto está publicado e pode ser acessado direto pelo navegador, sem instalação:


💻 Rodando localmente

# 1. Clone o repositório
git clone https://github.com/PedroLima-07/Enerquest.git

# 2. Entre na pasta
cd Enerquest

# 3. Suba um servidor local (necessário para o carregamento das perguntas)
python -m http.server 5500

Depois é só abrir http://localhost:5500 no navegador.


👨‍💻 Equipe de Desenvolvimento

Pedro Cardoso Nathan Alves Augusto Evangelista Kauan Zonta Enzo Monteiro

Pedro Cardoso • Nathan Alves • Augusto Evangelista • Kauan Zonta • Enzo Monteiro


🎓 Instituição

Centro Universitário Facens (Unifacens)

Projeto desenvolvido para a disciplina UPX – Usina de Projetos Experimentais.


📄 Licença

Este projeto foi desenvolvido exclusivamente para fins acadêmicos e educacionais.

About

EnerQuest: plataforma web gamificada sobre energias renováveis, com modo estudo, quiz solo e multiplayer local. HTML5, CSS3 e JavaScript puro. Projeto em equipe (UPX - Facens).

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages