Skip to content

c-swame/trivia-project-studying

Repository files navigation

Projeto TRIVIA;

Projeto desenvolvido em grupo no módulo de frontend da Trybe. O objetivo do projeto era colocar em prática conhecimentos sobre o uso do ciclo de vida de componentes react, estados globais, comunicação com API e lógica de programação, além de praticas de metodologias ágeis e trabalho em equipe.

O deploy da aplicação pode ser encontrado aqui.

Descrição da aplicação;

A aplicação é uma replica do jogo trívia, que trás:

  • Uma simulação de sistema de login que leva a um jogo de Trivia em inglês. Esse sistema de login usa o localStorage para armazenar os dados do jogador e indicar que uma sessão está ativa utilizando um token que deve expirar a cada 6hrs no máximo.
  • Uma pagina de configuração, onde pode-se configurar o tempo máximo de resposta, quantidae de preguntas, dificuldade e tema das perguntas
  • O jogo em sí, onde podem aparecer perguntas de verdadeiro ou falso ou multipla escolha e a pontuação é marcada de acordo com quão rapido a pessoa responde uma pergunta corretamente e a dificuldade de pergunta.
  • Pagina de ranqueamento, onde o jogador pode ver sua posição em comparação dos demais jogadore. Essa página ainda apresenta um filtro onde pode-se separar as partidas de acordo com as configurações de tempo e quantidade de perguntas.

demonstração do app

Link para testar a aplicação: https://trivia-game-caio.herokuapp.com/

Rodando a aplicação:

Para rodar a aplicação basta, no seu editor de código (como o VSCode):

  1. Clonar o repositório;
  2. Rodar o comando npm install;
  3. E em seguida o comando npm start; Em seguida uma nova aba deve se abrir no seu navegador padrão com a aplicação rodando. Em alguns dias farei o deploy da aplicação e iniciar o desenvolvimento de banco de dados próprio (nota adicionada 23/09/2022).

Tenologias Utilizadas:

Principais tecnologias:

React Material UI Redux EsLint Trello Slack

outras tecnologias e ferramentas:

  • react-router-dom
  • crypto-js
  • redux-thunk
  • sanitize-html

Futuras implementações:

  • Adicionar responsividade
  • Criação de banco de dados próprio para apresentar um ranking geral.
  • Possibilidar a criação de partidas perguntas e jogos personalizados;
  • Possibilidar a votação nessas perguntas e jogos personalizados e report de bugs relacionados a essas perguntas;

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages