NerdQuiz é uma SPA (Single Page Application) de trívias sobre cultura pop.
Página do projeto: https://nerdquizapp.firebaseapp.com/
- Desenvolver uma Single Page Application com no mínimo 2 telas;
- Uso de templates;
- Uso de rotas;
- Uso de pelo menos uma API.
- Publicação no gh-pages ou firebase hosting.
- EcmaScript6;
- Jquery;
- API do Trivia Database;
- Flexbox;
- Responsividade
Primeira versão do projeto entregue em 04/10/2018. Nesta versão estão disponíveis as seguintes funcionalidades:
- Jogar um quiz de 5 perguntas nas categorias "Movies", "Tv", "Literature" e "Games"; ✔️
- Páginas "Home" e "Contato" implementadas; ✔️
- Contador de tempo para responder às perguntas. As perguntas mudam automaticamente após 8 segundos; ✔️
- Indicador visual das respostas corretas e erradas; ✔️
- Pontuação do jogador ao final da trívia; ✔️
- Design responsivo. ✔️
Problemas conhecidos:
- Demora para fazer a requisição do quiz no banco de dados do Trivia Database. Com isso, às vezes o jogo não inicia ao apertar start. ❗
- Alguns problemas de sobreposição de elementos do layout em algumas resoluções de tela. ❗
Para a versão 2.0.0, desejo desenvolver as seguintes funcionalidades:
- Aumentar o tempo de resposta entre as perguntas;
- Trocar de pergunta assim que o usuário responde, não sendo necessário aguardar o tempo total do contador;
- Corrigir os problemas de layout em diferentes telas.
Para a versão 2.1.0, desejo desenvolver as seguintes funcionalidades:
- Refatorar a SPA utilizando React + Redux;
- Implementar página de loading enquanto o site faz a requisição do quiz na API.
Para a versão 3.0.0, desejo desenvolver as seguintes funcionalidades:
- Cadastro e login de usuários;
- Página com o histórico de partidas de cada usuário;
- Ranking global de todos os jogadores do site.