Jumboguessr

Uploading page
Guessing page
Home page

Inspiration

Google Geogusser was our main inspiration, and we often copied it when looking for ways to lay out our UI. However, the real credit goes to a girl (probably Carmen, sorry if we got your name wrong) who said the idea out loud during team formation. She wasn't going to use the idea, so we took it and ran with it.

What it does

It's Geogusser! This project allows you to play a version of Geogusser that uses images that we took of tufts campus! After you guess a few phots, it gives you a score out of 100, depending on how close you were to the actual location. Furthermore, you can also upload your own images to our database, so you can play Jumbogusser with out own images!

How we built it

This project uses mongodb to store images on an online database. The frontend runs the game, calculating the users score and determining what the user sees. This is was made by using react js and JSX to build a front header page, which then was changed into another page, where the game was played. The backend operates the database, saving the coordinates that determined where each photo was taken, and the actual photos themselves. We did this by making an API by using express.js to communicate between the front and the back.

Challenges we ran into

Everything, literally everything. Only one of us had any web development skills and he only knew a little about the front end. We had to completely start from scratch with mongodb and how to do API communication. There were many youtube tutorials that ended up fruitless. Everything from starting with github to even properly setting up an api, were all tough challenges.

Accomplishments that we're proud of

We made a fully functioning project! It's hard to make something and see it through, and even though there are some bugs, it's still pretty good and we are proud of what we accomplished! Especially considering we knew almost nothing when starting.

What we learned

We learned a lot about front end and back end communication. We also learned how to properly access a backend database as well as to navigate between different tabs in the frontend. We also learned skills with git.