Skip to content
No description, website, or topics provided.
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
node_modules
public
.swp
0.png
1.png
2.png
3.png
4.png
README.md
app.js
err.log
err.txt
out.log
output.log
package.json
stdout.txt

README.md

WhereIn

Video demo

Screens

Demo Image

Demo Image

Demo Image

Demo Image

Idea

A real-time web based game that asks its players to recognise a place and then pinpoint it on the map, the closet pinpoint wins the game.

StreetView API is used to provide a 360° view of a random place (from a predetermined city), then users can click and so pinpoint on an instance of Google Maps.

The application features a real-time chat, ranking system and also an overall ranking system.

The theme of the website can be changed with a click of a button.

Authentication is done via Google, Facebook or Microsoft.

How does it work

All the communication between BackEnd and FrontEnd is achieved using Socket.IO.

The game detects if two users are connected from the same browser or IP address and allows only one of them to enter the game.

The Node backend keeps the state of the game and at the beginning of each round sends to each connected player the chosen gps coordinates, also at the end it receives all the answers and computes the ranking & distribute points.

Technologies used

  • Socket.IO

Front:

  • MaterializeCSS
  • JS
  • Google Maps API

BackEnd:

  • NodeJs
  • MySQL

The Project was realised in the last year of high school (2016)

You can’t perform that action at this time.