Uma aplicação de perguntas e respostas sobre as tecnologias mais utilizadas no desenvolvimento web.
Seus usuários devem ser capazes de:
- Selecionar um assunto do quiz
- Selecionar uma única resposta de cada pergunta entre uma escolha de quatro
- Ver uma mensagem de erro ao tentar enviar uma resposta sem fazer uma seleção
- Ver se eles fizeram uma escolha correta ou incorreta ao enviar uma resposta
- Passe para a próxima pergunta depois de ver o resultado da pergunta
- Ver um estado concluído com a pontuação após a pergunta final
- Jogar novamente para escolher outro assunto
- Ver o layout ideal para a interface dependendo do tamanho da tela do dispositivo
- Ver os estados de foco e foco de todos os elementos interativos na página
- Navegar por todo o aplicativo apenas usando o teclado
- Bônus: alterar o tema do aplicativo entre claro e escuro
- Selecionar uma categoria de perguntas
- Selecionar uma única resposta válida
- Validação de resposta
- Trocar de página ao concluir a resposta
- Alternar entre tema claro e escuro
- Nextjs
- TailwindCSS
- Shadcn UI
- Typescript