Projeto desenvolvido como parte de um artigo acadêmico, abordando o Eixo Temático ET 09 - Educação, Participação e Saberes para a Sustentabilidade.
O EcoQuiz é uma aplicação web interativa que transforma educação ambiental em uma experiência gamificada. Através de perguntas sobre sustentabilidade, o usuário testa seus conhecimentos enquanto aprende sobre práticas sustentáveis do cotidiano.
Link do Artigo: https://docs.google.com/document/d/1ns-bpce4tWEWbKDeuxpyAborxdpDzGlQ/edit?usp=sharing&ouid=112609468446008640813&rtpof=true&sd=true
- Frontend: React 18 + TypeScript
- Estilização: CSS3 com Flexbox
- Controle de Versão: Git e GitHub
- Deploy: Vercel
- ✅ Quiz interativo com perguntas sobre sustentabilidade
- ✅ Design 100% responsivo para mobile e desktop
- ✅ Sistema de pontuação com feedback educativo
- ✅ Explicações detalhadas para cada resposta
- ✅ Interface intuitiva e acessível
- ✅ Barra de progresso visual
- ✅ Tela de resultados com porcentagem de acertos
Este projeto está alinhado ao ET 09 - Educação, Participação e Saberes para a Sustentabilidade, promovendo:
- Educação ambiental através de tecnologia acessível
- Participação ativa do usuário no processo de aprendizagem
- Disseminação de saberes sobre desenvolvimento sustentável
- Engajamento através de gamificação
- Node.js 16+ instalado
- npm ou yarn
\\�ash
git clone https://github.com/thafisG/eco-quiz.git
cd eco-quiz
npm install
npm start \\
O projeto estará disponível em: localhost:3000/
e também em: https://eco-quiz-ten.vercel.app/
\
eco-quiz/
├── src/
│ ├── components/ # Componentes React
│ │ ├── Quiz.tsx
│ │ ├── Question.tsx
│ │ └── Results.tsx
│ ├── types/ # Definições TypeScript
│ │ └── quiz.ts
│ ├── data/ # Banco de questões
│ │ └── questions.ts
│ └── App.tsx # Componente principal
├── public/ # Arquivos estáticos
└── README.md
\\
- Início: Acesse a aplicação pelo navegador
- Responda: Clique na alternativa correta para cada pergunta
- Aprenda: Leia a explicação educativa após cada resposta
- Resultado: Veja sua pontuação final e porcentagem de acertos
- Reiniciar: Clique em "Jogar Novamente" para refazer o quiz
Contribuições são bem-vindas! Sinta-se à vontade para:
- Adicionar novas perguntas ao quiz
- Melhorar a interface e experiência do usuário
- Sugerir novas funcionalidades
- Reportar bugs ou issues
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Thafis
- GitHub: @thafisG
- Projeto desenvolvido para fins acadêmicos e educacionais
⭐ Se este projeto foi útil, deixe uma estrela no repositório!