• Versão em português

Trivia Project

This application was developed by a workgroup, applying agile methodologies (trello):

• Alexandre Teixeira;
• Arthur Ferreira;
• Fernando Braga;
• Miguel Lofredo;
• Rafael Godoy;
• Tássio Medeiros;

The project code was written mostly during pair programming by all group members. Timer.jsx component was developed solely by me.

Main abilities developed:

• Create store, reducers, actions and dispatchers using Redux in React.JS applications;
• Team work;
• Work with the life cycle of React.JS components;
• Conect Redux to React.JS components;
• Work with BrowserRouter;
• Create assyncronous actions in React.js using Redux.

Application functionalities

In this Project we developed a “questions and answers” game based on Trivia using React and Redux. This Project was developed by a group and its functionalities were created according to the requests defined by a Kanban board. In this application the user is capable of:

• Log in and, if the user’s email is registered in the website Gravatar, the user will have his/her picture associate to his/her profile;
• Access the game's page, where the user must choose one of the available answers for each question presented. The answer must be checked before the timer gets to zero;
• After five questions answered, be redirected to the score screen, where the text displayed depends on the number of corrected answers;
• View the ranking page at the end of each game;
• Set some options for the game in a setting screen accessible by the heading of the app.

How to run the application (door 3000 must be avaible)

Clone the repository

  git clone [email protected]:Rafaqfg/Project-Trivia-react-redux.git

Enter in the project folder

  cd [email protected]:Rafaqfg/Project-Trivia-react-redux.git

Install the dependencies

  npm install

Start the application

  npm start

Make the login

   nome: Rafael
   email: [email protected]

Versão em português

Projeto Trivia

Esta aplicação foi desenvolvida em grupo, aplicando conceitos de metodologias ágeis (trello), por:

• Alexandre Teixeira;
• Arthur Ferreira;
• Fernando Braga;
• Miguel Lofredo;
• Rafael Godoy;
• Tássio Medeiros;

O código deste projeto foi escrito em sua maior parte durante pair programming com todos os integrantes do grupo, já o componente Timer.jsx foi desenvolvido apenas por mim.

Principais habilidades desenvolvidas

• Criar store, reducers, actions e dispatchers no Redux em aplicações React.JS;
• Trabalhar em equipe;
• Trabalhar com o ciclo de vida dos componentes React.JS;
• Conectar Redux aos componentes React.JS;
• Trabalhar com BrowserRouter;
• Criar actions assíncronas na sua aplicação React que faz uso de Redux.

Funcionalidades da aplicação

Neste projeto tivemos de desenvolver um jogo de perguntas e respostas baseado no jogo Trivia utilizando React e Redux. Ele foi desenvolvido em grupo e suas funcionalidades foram criadas de acordo com as demandas definidas em um quadro Kanban. Nesta aplicação a pessoa usuária é capaz de:

• Logar no jogo e, se o email tiver cadastro no site Gravatar, ter sua foto associada ao perfil da pessoa usuária;
• Acessar a página referente ao jogo, onde se deverá 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;
• Ser redirecionada, após 5 perguntas respondidas, para a tela de score, onde o texto mostrado depende do número de acertos;
• Visualizar a página de ranking, se quiser, ao final de cada jogo;
• Configurar algumas opções para o jogo em uma tela de configuração acessível a partir do cabeçalho do app.