This application was developed by a workgroup, applying agile methodologies (trello):
The project code was written mostly during pair programming by all group members. Timer.jsx component was developed solely by me.
- 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.
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.
Clone the repository
git clone git@github.com:Rafaqfg/Project-Trivia-react-redux.git
Enter in the project folder
cd git@github.com:Rafaqfg/Project-Trivia-react-redux.git
Install the dependencies
npm install
Start the application
npm start
Make the login
nome: Rafael
email: rafa.qfg@gmail.com
Esta aplicação foi desenvolvida em grupo, aplicando conceitos de metodologias ágeis (trello), por:
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.
- 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.
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.