O Trivia é um jogo de perguntas e respostas desenvolvido em equipe com base no jogo Trivia, semelhante ao famoso show do milhão americano. Foi desenvolvido utilizando as tecnologias React e Redux. O jogo conta com uma série de funcionalidades que foram desenvolvidas de acordo com as demandas definidas em um quadro Kanban, permitindo que os membros da equipe tivessem uma experiência mais próxima do mercado de trabalho.
O Trivia possui as seguintes funcionalidades: Login: o usuário pode fazer login no jogo utilizando seu e-mail. Se o e-mail estiver cadastrado no site Gravatar, sua foto será associada ao perfil do usuário; Jogo: na página do jogo, o usuário deve 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 será considerada errada; Score: após responder 5 perguntas, o usuário é redirecionado para a tela de score, onde o texto mostrado depende do número de acertos; Ranking: ao final de cada jogo, o usuário pode visualizar a página de ranking, se quiser; Configurações: o usuário pode configurar algumas opções para o jogo em uma tela de configuração acessível a partir do cabeçalho do app.
O Trivia foi desenvolvido utilizando as seguintes tecnologias:
- HTML
- CSS
- JavaScript
- React
- API de Trivia OpenTDB
- API do Gravatar
- Redux
O Trivia foi desenvolvido em equipe pelos seguintes membros:
- Gabriel Duarte
- Pedro Emmanuel
- Jessica Bianca
- Paulo Fonseca
- Rafaela Meireles
Para instalar o Trivia, siga as instruções abaixo: Clone o repositório: git clone https://github.com/PedroEmmanuelBuerger/project-trivia.git Entre na pasta do projeto: cd project-trivia Instale as dependências: npm install Inicie o servidor: npm start Acesse a aplicação no seu navegador em: http://localhost:3000
Com o desenvolvimento do Trivia, a equipe aprendeu:
- A criar uma store Redux em aplicações React;
- A criar reducers no Redux em aplicações React;
- A criar actions no Redux em aplicações React;
- A criar dispatchers no Redux em aplicações React;
- A conectar Redux aos componentes React;
- A criar actions assíncronas na sua aplicação React que faz uso de Redux;
- A desenvolver uma boa cobertura de testes.
O Trivia foi uma oportunidade para a equipe desenvolver um jogo de perguntas e respostas utilizando tecnologias como React, Redux, HTML e CSS. As funcionalidades foram implementadas de acordo com as demandas definidas em um quadro Kanban, permitindo que os membros da equipe tivessem uma experiência mais próxima do mercado de trabalho. Com a criação da store Redux, reducers, actions e dispatchers, além da conexão com os component