Skip to content

Quizzical is a React-based trivia game that leverages the Open Trivia Database API to test players knowledge of everything from Ancient Greek Mythology, to Video Games.

Notifications You must be signed in to change notification settings

hairama/quizzical

Repository files navigation

Quizzical - Solo Project

Overview 🧐

This project is part of the "React Basics" module from the Frontend Career Path course on Scrimba.

Quizzical is a React-based trivia game that leverages the Open Trivia Database API to test players knowledge of everything from Ancient Greek Mythology, to Video Games.

Password Generator

Requirements 📝

Two screens (start & questions).

Pull 5 questions from the OTDB API.

Tally correct answers after "Check answers" is clicked.

Styled & polished.

Users can only select 1 answer for each question.

Screenshots 📷

Quizzical trivia game scoring

Links 🔗

Scrim code 👈

Live site 👈

What I learned 🤓

🔳 Decoding HTML entities: I used the html-entities package to decode strings returned from the OTDB API.

🔳 Shuffling arrays: Since the API returned the correct answer separately from the incorrect answers I needed a way to shuffle all of the possible answers into a new array.

Future feature sets 🔮

🎯 More user controls Allow the user to select the number of questions, difficulty, or categories

🎯 User statistics Show percentage of correct answers, broken down by category, and question difficulty

🎯 Submit new questions Build an interface for users to submit new trivia questions

Resources 🗃️

🗃️ Frontend Career Path by Scrimba

About

Quizzical is a React-based trivia game that leverages the Open Trivia Database API to test players knowledge of everything from Ancient Greek Mythology, to Video Games.

Topics

Resources

Stars

Watchers

Forks