Code Monkey home page Code Monkey logo

guessthespot's Introduction

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.

guessthespot's People

Contributors

c-fwes avatar

Stargazers

 avatar

Watchers

 avatar

guessthespot's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.