Overview

Around the World is a world trivia game application that was created using TypeScript and GraphQL and tested with Cypress. Users navigating through the webpage can either check their score or can play trivia narrowing it down by continent and 3 categories.

Installation Instructions

1. Clone down this repository
2. Run npm install in your terminal
3. Run npm start in your terminal
4. Open up http://localhost:3000/ in your browswer
5. control + c in your terminal to stop server

To view deployed app, visit https://around-the-world-trivia.netlify.app/

Project Goals

• Self-teach TypeScript to create a Trivia Game Application
• Fetch data using GraphQL
• Test application utilizing Cypress

Features

Technologies Used

• TypeScript
• GraphQL
• React
• React Router
• XML
• CSS
• Cypress
• npm
• webpack

Contributors

• Tim Thomas: nalito223
• Lauren Frazier: FrazierLE
• Evan Swanson: EvanSSwanson
• James Wasmer: jwasmer

Wins

• Successfully deployed site using Netlify
• Handled last-minute hurdle with grace and good team communication
• Gained confidence with React hooks
• Tackled messy logic required to make the Trivia component functional
• Employed types/interfaces for stronger type control via TypeScript

Future Extensions

• Two Player Mode
• Languages game mode
• Add countdown timer
• Add more game modes other than multiple choice
• Upon clicking on a continent, display info regarding info in cards
• Add bookmark icon to save certain questions