Skip to content

Aplicativo de Triva com Consumo de API Rest, React, Redux e LocalStorage

Notifications You must be signed in to change notification settings

Marinavdac/trivia-game

Repository files navigation

⭐ Projeto Trivia ⭐

Esse projeto foi realizado durante o curso da Trybe, no módulo de Front-end juntamente com Helena Rodrigues, que além de desenvolver a maior parte dos testes, é a responsável pelo Design e CSS! (L) Na maior parte dos passos para consumir a API e montar o aplicativo, utilizamos o pair programming e pensamos em soluções em conjunto.

App

Para ver a aplicação rodando, e também se divertir testando os seus conhecimentos, clique aqui

Trivia-Star-2gameplays-45s-ok-apresentação

Como Instalar:

  • Clone o repositório
  • Na pasta da aplicação, no terminal use npm install para instalar as dependências da aplicação
  • Após a instalação, utilize o comando npm start para ver a aplicação no seu Browser Local

Desenvolvimento

O Trivia Star é um jogo de perguntas e respostas, desenvolvido em React e com Redux, nele é possível:

  • Fazer login no jogo utilizando o nome e seu email e gravatar - se houver
  • Acessar a página do jogo, onde poderá escolher a resposta para cada pergunda apresentada, somando pontos a cada acerto
  • Durante o Timer de 30 segundos, a pessoa usuária poderá escolher uma das respostas: Ganhará 3 pontos a cada acerto e 0 nos erros.
  • Caso a pessoa não responda durante o Timer, a resposta será considerada errada
  • Assim que a pessoa responder as 5 perguntas, será redirecionada para uma tela onde poderá ver sua pontuação
  • A pessoa ainda poderá visualizar o ranking com pontuação de todos os participantes

Habilidades utilizadas

  • 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 sua aplicação possua uma boa cobertura de testes.

License

Distributed under the MIT License. See LICENSE.md for more information.

Made with 🖤

About

Aplicativo de Triva com Consumo de API Rest, React, Redux e LocalStorage

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •