GeoTester

Main Page
Correct popup
Wrong popup

Inspiration

The project was inspired by my parents, who are learning English and the correct states and their locations on the map.

What it does

This fun game allows people to test their knowledge on which states they know. The user can guess the full state name or two letter abbreviations. The program will either congratulate the user or tell them which state it actually is. If the user does not know the state, they can skip it and guess the next.

How we built it

Started the program with a quick one page html and implemented bootstrap for pre made stlying. Next we used css and sass extension to design and style the program. Finally we used javascript to retrieve the data, check for correctness, and notify the user.

Challenges we ran into

The most challenging part of this program was implementing the api. I used three different api hostings sites but was unsuccessful with all three options. Luckily, the json file isn't big so I was able to scrap that idea and host the json object file locally. The other challenge was that the 50 vector images I purchased, some of which were cropped off and I thought it was my css styling in the way but it wasn't.

Accomplishments that we're proud of

I'm proud of the end product of the app and see many features that I can implement. This was my first hackru and unfortunately my last since it is my last semester.

What we learned

I learned a lot about api and how a host needs certain clearences to access data online. I also learned to read documentation better and find stock vectors.

What's next for GeoTester

The next plans for GeoTester will be to get my local data files on an api site so the site can be faster. I also want to keep track of which states the user got right and remove them from the object array. Other features I have in mind include hints if the user keep getting the same state wrong and a leaderboard amongst friends.