A web app that turns a walk into an interactive quiz. Players move through real-world locations where geo-fencing unlocks questions as they enter each zone. Built with Firebase as the back-end, Google OAuth for authentication, and the Google Maps API to render routes and trigger location-based checkpoints.
../assets/projects/tipsprommenad-1.jpg
Tipsprommenad is a location-aware quiz walk web app. Participants follow a route on a map and, as they physically walk into each checkpoint zone, a question is automatically unlocked on their device. This combines the social experience of a walk with a gamified quiz, making it ideal for events, school activities, or team building.
The app uses Firebase for real-time data sync and back-end storage, Google OAuth so users can sign in instantly with their Google account, and the Google Maps JavaScript API to display the route and manage the geo-fenced checkpoint areas.
Each checkpoint is stored as a coordinate and radius in Firestore. The app continuously reads the device's GPS position via the browser Geolocation API and checks whether the player is inside any checkpoint circle. When a match is found, the corresponding question is fetched and displayed — and the checkpoint is marked as visited so it cannot be unlocked twice.
This project deepened my understanding of real-time databases, OAuth flows, and browser-side geolocation. Integrating three external APIs (Firebase, Google Maps, and Google OAuth) in a single cohesive app was a great exercise in API design, async JavaScript, and handling edge cases like GPS drift or loss of connectivity.