case study GEOFIND

An interactive geospatial web game where users guess and pin real locations across the Philippines using a high-fidelity 3D globe — combining geography education with competitive gameplay.

Project

GeoFind – Geospatial Intelligence Platform

GeoFind – Geospatial Intelligence Platform

Tech Stack

LaravelLivewireAlpine.jsTailwind CSSCesiumJSLeafletRedisCloudflare TurnstileGoogle Analytics

Source Code

Problem

No existing interactive geography game focused specifically on the Philippines' diverse landscapes and provinces.
Static map tools lack engagement — users have no incentive to explore or learn Philippine geography.
High-fidelity 3D globe rendering is resource-intensive and prone to performance issues on low-end devices.
Public-facing platforms are vulnerable to bot abuse, spam submissions, and scraping.
Difficult to track user engagement and gameplay patterns without proper analytics integration.

Solution

Built a location-guessing game on an interactive 3D globe using CesiumJS for immersive terrain and Leaflet for precise pin placement.
Designed engaging game loops with score feedback and map exploration to make learning Philippine geography rewarding.
Optimized 3D rendering performance through lazy loading, LOD terrain, and efficient asset management.
Integrated Cloudflare Turnstile for bot protection and applied rate limiting and throttling via Redis to prevent abuse.
Embedded Google Analytics for real-time player tracking, session insights, and gameplay funnel analysis.

Result

3D Interactive Globe

Fully rendered high-fidelity terrain of the Philippines using CesiumJS — playable directly in the browser with no plugins.

<200ms Response Time

Rate limiting and Redis throttling keep the platform fast and abuse-free even under concurrent gameplay sessions.

0 Bots Spam Blocked

Cloudflare Turnstile integration eliminated automated submissions and protected game integrity from day one.