Aqui você vai encontrar os detalhes de como clonar o projeto e como ele funciona.
👨💻 O que foi desenvolvido?
O projeto é um jogo de perguntas e respostas baseado no jogo Trivia (semelhante a um show do milhão americano) utilizando React e Redux, desenvolvido em grupo com suas funcionalidades de acordo com as demandas pré definidas em um quadro Kanban e utilizando o método SCRUM. A partir dessas demandas, temos uma aplicação onde a pessoa usuária pode:
- Logar no jogo e, se o email tiver cadastro no site Gravatar, ter sua foto associada ao perfil da pessoa usuária.
- Acessar a página referente ao jogo, onde se deverá escolher uma das respostas disponíveis para cada uma das perguntas apresentadas. A resposta deve ser marcada antes do contador de tempo chegar a zero, caso contrário a resposta deverá ser considerada errada.
- Ser redirecionada, após 5 perguntas respondidas, para a tela de score, onde o texto mostrado depende do número de acertos.
- Visualizar a página de ranking, se quiser, ao final de cada jogo.
📝 Habilidades
Nesse projeto utilizamos algumas habilidades, como:
-
Criar um store Redux em aplicações React.
-
Criar reducers no Redux em aplicações React.
-
Criar actions no Redux em aplicações React.
-
Criar dispatchers no Redux em aplicações React.
-
Conectar Redux aos componentes React.
-
Criar actions assíncronas na sua aplicação React que faz uso de Redux.
-
Escrever testes para garantir que a aplicação possua uma boa cobertura de testes.
🛠 Como clonar o repositório?
- Clone o repositório
- Use o comando:
git clone git@github.com:bruna-moraes/trivia-night.git. - Entre na pasta do repositório que você acabou de clonar:
cd trivia-night
- Instale as dependências e inicialize o projeto
- Instale as dependências:
npm install
- Inicialize o projeto:
npm start(uma nova página deve abrir no seu navegador com a aplicação funcionando)
💻 Protótipo do projeto no Figma
Além da qualidade do código e do atendimento aos requisitos, um bom layout é um dos aspectos responsáveis por melhorar a usabilidade de uma aplicação, além de torná-la mais atraente.
Para isso, criamos esse protótipo do Figma para gerar mais valor ao nosso projeto!