https://github.com/pedroemmanuelbuerger/trivia

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.
https://github.com/pedroemmanuelbuerger/trivia

css html javascript react reactjs redux softskills

Last synced: about 5 hours ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/pedroemmanuelbuerger/trivia
• Owner: PedroEmmanuelBuerger
• Created: 2023-02-17T01:02:37.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-04-29T20:30:16.000Z (over 1 year ago)
• Last Synced: 2024-11-16T12:09:44.856Z (about 5 hours ago)
• Topics: css, html, javascript, react, reactjs, redux, softskills
• Language: JavaScript
• Homepage:
• Size: 7.31 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Trivia

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.

## Funcionalidades

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.

## Tecnologias utilizadas

O Trivia foi desenvolvido utilizando as seguintes tecnologias:

- HTML

- CSS

- JavaScript

- React

- API de Trivia OpenTDB

- API do Gravatar

- Redux

## Equipe

O Trivia foi desenvolvido em equipe pelos seguintes membros:

- Gabriel Duarte

- Pedro Emmanuel

- Jessica Bianca

- Paulo Fonseca

- Rafaela Meireles

## Instalação

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

## Principais aprendizados

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.

## Conclusão

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