This project was developed by the team: Victoria Sales, Linda Inês, Pedro Montandon, Camila Gonçalves, Josiane Oliveira, while we were studying Redux in React Applications at Trybe Programming School.
We have developed a quiz game based on the Trivia game. This application allows the user to:
- Log in to the game and, if the email is registered on the Gravatar website, have your photo associated with the user's profile.
- Access the page referring to the game, where you must choose one of the available answers for each of the questions presented. The answer must be marked before the time counter reaches zero, otherwise the answer must be considered wrong.
- Be redirected, after 5 answered questions, to the score screen, where the text shown depends on the number of correct answers.
- View the ranking page, if you want, at the end of each game.
Regular deadline: March 29, 2023 at 2:00 pm
📋 Scrum and Kanban
This project was developed using a Kanban board in Trello for task management and visual monitoring of activities. We also were holding a Daily Scrum for all the developers on the team to keep up to date on each other's progress.
🏗 Project structure
All files created by the team are in the folders:
📁 Components 📁 Helpers 📁 Pages 📁 Redux 📁 Styles 📁 Tests
🔎 Linter
To ensure code quality, the ESLint and Stylelint linters were used in this project.
ESLint is a tool for identifying and reporting patterns found in ECMAScript/JavaScript code. In many ways it is similar to JSLint and JSHint with a few exceptions:
- ESLint uses Espree for JavaScript parsing.
- ESLint uses an AST to evaluate patterns in code.
- ESLint is completely 'pluggable', each of the rules is a plugin and you can add […]
To run them locally, run the commands below:
npm run lint
npm run lint:styles
🖥️ To access
1 - Clone the repository:
git clone git@github.com:VicSales28/project-trivia.git
2 - Enter the repository folder you just cloned.
You must be using node version 16 (or higher).
To check your version, use the command:
nvm --version
3 - With the required version, install the dependencies:
npm install
4 - To view the application, use the command:
npm start
🗣 Feedbacks
Give us feedbacks, We're open to new ideas 😉
