/TriviaNight

Cross Platform (expo) Trivia Mobile app

Primary LanguageJavaScriptMIT LicenseMIT

Trivia Night

Overview

A 10 question, true or false, trivia cross-platform app.

Specifications

Data:

The api url is: https://opentdb.com/api.php?amount=10&difficulty=hard&type=boolean

Sample returned json:

{
  "response_code": 0,
  "results": [
    {
      "category": "Entertainment: Video Games",
      "type": "boolean",
      "difficulty": "hard",
      "question": "Unturned originally started as a Roblox game.",
      "correct_answer": "True",
      "incorrect_answers": [
        "False"
      ]
    },…]}

Intro / Home Screen:

The Intro screen for the app

  • Static Text
  • BEGIN button navigates to the Quiz screen and starts the Quiz

Quiz Screen:

The Quiz screen for the app

  • The headline is from question category
  • The card element contains the current question
  • The next question should appear after the current question is answered True or False
  • After all questions have been answered, navigate to the Results Screen

Results screen:

The Results screen for the app

  • The Score shows correct and total
  • Displays a list of the questions and whether the answer was correct or not
  • PLAY AGAIN starts over and navigates to the Home Screen

Features

  • Redux
  • Hooks
  • Themes

Stack

  • Expo

Installation

Note: Be sure you have the React Native CLI installed on your system.

  • git clone https://github.com/jqn/TriviaNight.git
  • yarn install/npm install
  • (cd ios && pod install)

Running

  • yarn run ios/npm run ios or yarn run android/npm run android

License

MIT