Skip to content

C-FWES/guessthespot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GuessTheSpot

A geography location-guessing game inspired by GeoGuessr

image

About

This project is built in React and Google Maps API

Demo

Demo can be found here

Please do not overload the demo with usage as it is running off my own API key and can incur costs if overused.

How to Play

You will be spawned into a Google Streetview at a random location in the world. Your aim is to look around for clues and click a location on the minimap on the left that you think is closest to the streetview, before the one minute timer expires. Points are awarded accordingly to your guess proximity.

Setup / Usage

Setup of this project will require you to have the latest version of Node.js and npm installed.

Firstly, clone the project by running git clone https://github.com/C-FWES/guessthespot.git on your machine. You should then be able to access the project directory from the development environment of your choice, e.g. VS Code.

To install all the required dependencies of the project, run npm install from the project root.

To start the project in your local browser, run npm start from the project root.

This project depends on Google Maps API, so you will need to create a Google Maps API key, and you can do so by following the instructions here. Create a .env file at the project root and set the environment variable REACT_APP_MAP_API_KEY to your API key.