chmette / letsplaytrivia

Trivia Game

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Lets play Trivia

Play it live here

About

Let play Trivia is a fun little project with use of an free Trivia API for the React Module of DCI, made by luke-dowling and chmette.

The goal of the project was to practice the handling and receiving data from an API. We wanted to have an interactive interface as we as a fun topic,so the idea of building a trivia game was born.

About the Game

In a trivia game people are asked questions about interesting but unimportant facts in many subjects. You will also know it as pub quiz or trivia competitions.

Trivia combine learning and fun, it challenges you.

How to play

This Trivia consists of your chosen amount of questions. Each question has only one correct answer. Submitting more than one answer is not possible, change of answers afterwards is not allowed.

Electronic devices or other resource materials are strictly prohibited for use during Trivia Game play. Teams or players found to be violating this rule will forfeit the round.

Correct answers will be shown at the end of the game.

Go on, give it a go - Have Fun and Good Luck!

Screenshots

screenshot screenshot


Project Description

This project was bootstrapped with Create React App.

The tech stack:

  • React (with hooks)
  • React-router

Features

🤓 individual set up of difficulty
🤓 different categories
🤓 evaluation in the end of the game


Learnings

  • first experience with React Router
  • Improving the understanding of the structure of React
  • working with hooks (UseState, UseRef, UseEffect)

Cloning and using locally

  1. clone the repo locally: git@github.com:chmette/letsplaytrivia.git
  2. go to the project folder : cd letsplaytrivia
  3. install the dependencies with npm install
  4. run npm start to view the project on your local host

Credits

Thank to the folks at Pixeltail Games for creating these open and free trivia database which served as base for the project.

About

Trivia Game


Languages

Language:JavaScript 67.4%Language:CSS 30.2%Language:HTML 2.4%