Skip to content

Trivia-style question and answer game. Front-end application developed with React.js.

Notifications You must be signed in to change notification settings

garciaagui/trivia-react-redux

Repository files navigation

Project Trivia 💡❓

🇧🇷 Clique aqui para acessar a versão em português.

Summary

  1. Description
  2. Technologies
  3. Features
  4. How to Run
  5. About Trybe
  6. Development Team

Description

14th project of the Trybe Web Development course.

The application presents a format similar to a trivia game, with interactive questions and answers, in which the player must answer a sequence of 5 questions. At the end of the game, the player will have access to their score and can also check a ranking of the best scores.

The database used comes from two distinct APIs: Trivia API for questions and Gravatar for player images.

The project was developed in a team, with the adoption of the agile methodology and Scrum and Kanban frameworks. Scrum was used to manage the project, while Kanban tracked tasks and provided a visualization of activities.

Projeto Trivia


Technologies

💻 Development

🧪 Testing

✨ Code alignment and quality


Features

  • Log in to the game and, if the email is registered on the Gravatar website, have the user's profile picture associated with their account.
  • Access the game page, where the player must choose one of the available answers for each of the questions presented. The answer must be marked before the countdown timer reaches zero, otherwise the answer will be considered incorrect.
  • After 5 questions answered, the player will be redirected to the score screen, where the text shown depends on the number of correct answers.
  • View the ranking page, if desired, at the end of each game.
  • Configure some options for the game on a settings screen accessible from the app header.

How to Run

ℹ️ If you only want to test the application, click here.

To run the project locally, follow the steps below.

  1. Clone the repository;
git clone [email protected]:garciaagui/trivia-react-redux.git
  1. Navigate to the project root directory;
cd trivia-react-redux/
  1. Install the dependencies;
npm install
  1. Start the project;
npm run start
  1. If desired, use the command below to run the tests.
npm run test:coverage

About Trybe

"Trybe is a future school for anyone who wants to improve their lives and build a successful career in technology, where the person only pays when they get a good job."

"The program features over 1,500 hours of online classes covering introduction to software development, front-end, back-end, computer science, software engineering, agile methodologies, and behavioral skills."


Development Team

Check out the social networks and means of contact of the team members responsible for the development of this project 👇

Back to top