Our team was inspired by in-browser-style games like GeoGuesser and where the entire game is contained on a webpage.

What it does

Our site is a game that tests your knowledge of human inventions and history. The user is prompted with a question and they must select a country on the map where they think that item originated. The user scores points based on a successful guess and after three failed attempts their score is reset.

How we built it

We used HTML CSS and javascript to put together a website. Our team collaborated using atom and teletype but later transitioned to visual studio code.

Challenges we ran into

Deciding on a map API that best fit our project was a challenge because there were so many options for maps. Each map had amazing features, but we needed to find the one that best fit our use case. The documentation for each map was long which made selecting the best fit difficult.

Accomplishments that we're proud of

We are proud of the map integration onto our site since it lines up with everything clean and the style is simple. The mechanics of the game are also a proud point for us since we think the game blends trivia and history into a fun game.

What we learned

We learned how to link CSS and javascript files to an HTML and we learned about a neat tool "teletype" that lets us all code the same files together. We also learned how to use a variety of map tools from google maps API to OpenLayers maps.

What's next for Where in the World?

We plan to add more questions by web scraping Wikipedia and a leaderboard using google cloud services.

Share this project: