- Descrição do Projeto
- Tecnologias utilizadas
- Detalhes do Projeto
- Desenvolvido Por
- Pessoas Contribuidoras
Criação de um web site responsivo no formato de quiz voltado para estudos de serviços da AWS.
HTML | |
CSS | |
JavaScript | |
VScode | |
Bootstrap |
1. Funcionalidades principais: - exibir perguntas de múltipla escolha, - fornecer opções de resposta, - avaliar respostas, - calcular pontuação, - mostrar feedback ao usuário, - permitir reiniciar o quiz;
Quantidade de perguntas: 15 perguntas, mas a ideia é implementar mais questões.
- Exclusões do escopo:
não implementar um sistema de autenticação de usuários;
não criar um banco de dados para armazenar perguntas e respostas;
-
Implementação básica:
- Criação da estrutura HTML da interface do quiz.
- Estilizar a interface usando CSS e com o framwork Bootstrap.
- Carregar as perguntas e respostas em JavaScript.
-
Lógica do quiz:
- Implementar a lógica para exibir uma pergunta de cada vez.
- Manipular eventos de clique nos botões de resposta.
- Validar a resposta selecionada pelo usuário e fornecer feedback na cor verde para certo e vermelha para errado.
-
Pontuação e finalização:
- Calcular e exibir a pontuação do usuário.
- Fornecer opção para reiniciar o quiz, exibir as informações de tempo e pontuação.
Tuane 👩🎓