Geography Quiz Game

View this project on GitHub: https://github.com/EthanGahm/geography-quiz-game
View the live website: https://place-race.netlify.app/

Video Overview


Project Description

An online game that allows users to test their geography knowledge. Includes both single and multiplayer modes. Users can create and join rooms to compete against their friends, racing to locate ten randomly generated countries on a map in the shortest time possible.

This project began as a relatively simple, frontend-only, web application, taking advantage of several of Google's APIs. After teaching myself myself the basics of Socket.io, I added a backend which allows users to connect with one another through a multiplayer game mode.


Technologies Used

  • React.js - frontend design, layout, and functionality
  • Socket.io - handling websocket connections between multiple players
  • NodeJS - running backend REST API
  • Express - backend server framework
  • Google Geocoding API - extracting latitude and longitude values from user clicks
  • Google Maps Javascript API - displaying a Google Maps component
  • Heroku - backend server hosting
  • Netlify - frontend server hosting