Trivia

Bradges

Deploy: https://grupo-10-trivia.surge.sh/

Execução

Para instalar o projeto na sua máquina, faça antes o clone do repositório

Para clones com HTTPS:

  git clone https://github.com/viniciusjosedev/project-trivia-react-redux.git

Para clones com SSH:

  git clone git@github.com:viniciusjosedev/project-trivia-react-redux.git

Para clones com GitHub CLI:

  gh repo clone viniciusjosedev/project-trivia-react-redux

Depois de clonado, abra a o terminal na raiz do projeto e rode o seguinte comando:

  npm i && npm start

Pronto! Com isso a aplicação irá rodar na sua máquina localmente.

Descrição do projeto

Projeto em grupo realizado mediante a necessidade da prática em conceitos inicialmente abordados de forma teórica. Conceitos esses que priorizam uma boa relação interpessoal, fazendo assim a necessidade de organizar métodos que fariam o grupo atingir grandes objetivos.

Neste projeto em específico, praticamos ainda mais a forma de se desenvolver uma aplicação em React. Usando componentes de classes, e junto com eles, tambem usamos diversas bibliotecas complementares e secundárias.

Além disso, praticamos requisições para API's, junto com isso, veio a necessidade de tratar essas requisições como uma Promise e então encaminhar os resultados para a tela do usuário.

API('s) usada(s):

End-Point de perguntas trivia (existem variações): https://opentdb.com/api_token.php?command=request - ✔️

🔨 Funcionalidades 🔨

A aplicação se inicia unica tela na rota '/'.

Nesta tela, o usuário poderá efetuar um login.

Logo em seguida, o usuário é redirecionado para a rota '/game'. Nesta tela, ele poderá jogar escolhendo as respostas certas.

💻 Tecnologias/Linguagens utilizadas 💻

Tecnologias: - HTML5, CSS6, JS6 e CSS Modules - ✔️

Bibliotecas: - react, prop-types@15, bootstrap, reactstrap, react-icons, eslint e stylelint - ✔️

Pessoas Desenvolvedoras do Projeto.

Projeto realizado em conjunto com a empresa de tecnologia Trybe, que foi a responsável pela criação dos testes com o Cypress, fazendo-se assim, toda a estrutura necessária para um bom desenvolvimento orientado a testes (TDD).

Além dos testes com o Cypress, toda a estrutura inicial do projeto foram feitas pela Trybe, isso inclui: todos os scripts no packge.json (com excessão do "erro"), estrutura inicial das pastas e arquivos.

Todas os demais adições dos arquivos/diretórios do projeto são de autoria do grupo 10, isso inclui: src/pages, src/components, src/api, src/helpers, src/styles, src/tests. As alterações dos demais arquivos soltos na pasta src/ também são de nossa autoria, isso inclui: App.jsx, index.js e index.css.

OBS 1: O arquivo setupTests.js já vem como default com o React na instalação feita (npx create-react-app .).

OBS 2: Todos os testes com o Cypress foram devidamente apagados, esta ação envolve proteger a autoria de código, respeitando assim as normas e regras internas da empresa de tecnologia Trybe.

O denominado grupo 10 é formado por 5 pessoas, são elas: Heitor Pereira, Jõao Pedro, Lucas Santos, Sthéfani Martineli e Vinicius José.