ZipLyne Book A Call
OPEN-SOURCE PRODUCT · CASE STUDY

Nearest Bomb ShelterIn Under 3 Seconds.

A Progressive Web App built for one purpose: locate the user and route them to the nearest bomb shelter before the siren ends. PostGIS K-nearest-neighbor queries across a 10,000+ shelter database return results in milliseconds, then real routing data computes walking, biking and running ETAs to the shelter door.

Art-directed presentation of the captured Shelter Now interface.
Art-directed from the local interface capture
10,000+ Shelters indexed
5 Nearest returned per query
3s Open to route
DIRECT CAPTURE

The Actual Interface.

Shelter Now running locally.
Local shelter directory using bundled public data
THE BOTTLENECK

A Siren Does Not Leave Time For A Search Box.

The window between a siren and impact is measured in seconds. Anything that asks the user to type, choose or wait has already failed.

Speed is the feature. Everything in ShelterNow is arranged around removing steps between opening the app and moving toward a door.

WHAT WE BUILT

Open, Route, Go.

GPS and instant routing. Browser GPS fires on load. No search, no form. The app immediately queries for the five nearest shelters and draws the fastest route to your screen.

PostGIS K-NN on Supabase. 10,000+ shelter locations indexed with PostGIS. K-nearest-neighbor queries using the distance operator return the closest 5 shelters in milliseconds, not seconds.

Real-time routing. Actual road routing via Mapbox Directions rather than straight-line guesses. ETAs recalculate as the user moves, and the animated route overlay updates in real time.

Offline-ready PWA. A PWA manifest and service worker cache map tiles and shelter data on first load. Install it to the home screen and it works even when the network is degraded.

HOW IT HOLDS UP

From Tap To Shelter In Three Steps.

Step 01, locate. The browser Geolocation API fires on page load. Coordinates are sent immediately, with no typing and no waiting.

Step 02, query. The PostGIS K-NN query finds the 5 nearest shelters from 10,000+ indexed locations in under 50ms. Results include address, capacity and shelter type.

Step 03, route. Mapbox Directions returns the exact walking path, React-Leaflet renders the animated route, and ETAs update as the user moves.

WHAT IT RUNS ON
  • Next.js (PWA)
  • React-Leaflet
  • Supabase PostGIS
  • Mapbox Directions
  • Service Worker
NEED SOMETHING LIKE THIS? Build my product → Start a project →
Next Step

Let’s Build What’s Next.

Bring the business problem. We’ll talk through what would make a difference and where to start.