← Back to portfolio

Geospatial Platform

An interactive mapping tool with Shapefile/GeoJSON import and an offline-capable React Native app for field data collection.

Full-Stack & Mobile Engineer2022
  • Mapbox GL JS
  • React Native
  • Expo
  • GeoJSON
  • PostgreSQL
  • TypeScript
Geospatial Platform case study cover

Challenge

Field teams needed to collect and edit geospatial data in places with no connectivity, then have it appear on a rich interactive map back at the office — importing existing datasets (Shapefile / GeoJSON) without a GIS specialist in the loop.

Solution

I built a web mapping tool on Mapbox GL JS with Shapefile/GeoJSON import and layer management, paired with an offline-capable React Native (Expo) app. Field data is captured offline, queued, and synced when connectivity returns, then rendered as interactive layers on the web.

Overview

The platform bridges the field and the office: capture geospatial data anywhere — online or not — and see it as clean, interactive map layers the moment it syncs.

Build

  • Web mapping — Mapbox GL JS renders vector layers with import for Shapefile and GeoJSON, so existing datasets drop straight in.
  • Offline-first mobile — a React Native (Expo) app captures points and geometries with no signal, persisting locally and queuing changes.
  • Sync pipeline — queued edits reconcile on reconnect, with conflict handling so field work is never lost.

Why it stands out

The hard constraint was offline — the app had to be genuinely useful with zero connectivity and trustworthy when it finally synced. That reliability is what made it usable in the field.

Impact

  • Interactive web maps built on Mapbox GL JS
  • Shapefile / GeoJSON import with layer management
  • Offline-first React Native app for field capture
  • Queue-and-sync pipeline resilient to no connectivity
  • Field data rendered as interactive map layers