Front-End

The front-end of FactsGame is built using React and Vite, ensuring a fast and efficient user interface. React handles the dynamic rendering of components, making the game interactive and responsive. Vite is used for its superior build performance and optimized development experience, allowing for quick iterations and smooth performance. Additionally, sound and music are integrated into the game to enhance user engagement and provide an immersive gaming experience.

Public API

FactsGame leverages the Open Trivia Database public API to fetch trivia questions. The API allows customization of the questions by specifying parameters such as the number of questions (amount), category, and difficulty. This data is retrieved via GET requests and is used to dynamically generate the quiz content in the game, ensuring a diverse and challenging experience for the users.

Before you start the game, you can select the type of questions. You can choose from a variety of categories, with 3 difficulty levels (easy, medium, hard), and number up to 50 questions.

Once you start the game, the timer will start counting down. You will be given a number of questions with 4 multiple choice answers. Choose 1 correct answer within the time limit.

If the time runs out before you click the Send button, it is Game Over.

To see correct answer and the score you got, click the Send button at the bottom of the page.

After you click the Send button, you will see the correct answer for each question. The correct answer will be highlighted in green. If you choose wrong answer, it will be highlighted in red.

At the bottom of the page, you will see the high score of all your game plays. Total score is the score of your current game. Best time is the time left when you finish the game. The faster you finish the game, the higher the best time will be.

Click Restart Game button will go to first page and selecting type of questions to play again.

Let's see a demo game! Try turn on music ♫