Skip to content

Welcome to TriviApp! A trivia quizz web app built using react, typescript and openTDB-API. available via:

Notifications You must be signed in to change notification settings

menison/my-trivia

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to TriviApp! Brief explanation with screenshots and use-cases:

In the settings page you can expand the 'Accordion' element to read the instructions. You can customize the number of questions to fetch (anything between 1 to 50) and the difficulty (easy, medium or hard). My Image The amount of questions you choose increases the amount of time and "50-50 Lifelines" you receive. My Image You will be displayed with a question including the category it comes from, and 4 answer choices. My Image You will be provided with a feedback in a form of: An effect painting the chosen wrong answer in red and the correct one in green, or, if you were correct, the correct one in green alone. Also a snackbar at the bottom left of the screen will pop-up with the appropriate style and message. Last but not least, audio feedback for button clicks, correct, and wrong answers. My Image The incorrect answer sound is awful, try being correct. The correct answer sound is rewarding though. At the bottom you can see a progress indicator - both visual and textual. My Image You can use a "50-50 Lifeline" to reduce the number of choices to two. You get 1 of those for every 5 questions. Use it with caution. My Image Eventually, you will be indicated regarding your final score. You will be given the option to go back to settings page to customize the settings, or restart with new questions of the same settings. My Image If the timer expires before you managed to answer on all questions - the game will gracefully end (letting you pick your last answer before it ends).

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

About

Welcome to TriviApp! A trivia quizz web app built using react, typescript and openTDB-API. available via:

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published