Coordinate
Providers isolate authentication, current location, and saved-item state.
React Native · Location-aware UX / 2025
City Explorer
Designing a cohesive city guide across discovery, native maps, and persistent device state.
01 / 09
01 / The problem
Complexity should live in the system,not in the experience.
The product needed to feel continuous across asynchronous location detection, city-filtered feeds, nested navigation, maps, and device-local interactions.
02 / System flow
From input to a reliable outcome.
Locate
Foreground location and reverse geocoding select Pune or New Delhi content.
Explore
Nested stacks and bottom tabs preserve familiar mobile wayfinding.
Remember
AsyncStorage persists bookmarks, reviews, check-ins, and the demo session.
03 / Decisions that shaped the build
01Engineering choice
Local-first prototype
Curated data and AsyncStorage kept the product testable without pretending a backend or shared social graph existed.
02Engineering choice
Native map handoff
Walking and driving actions use Apple Maps or Android geo intents, with Google Maps as fallback.
03Engineering choice
Shared interaction vocabulary
Events and food use the same search, filter, detail, save, review, and check-in patterns.
04 / Reliability
Designed for imperfect conditions.
- Pune fallback when location is unavailable
- Map URL capability check and browser fallback
- Duplicate local check-in prevention
- Empty states for unsupported cities and filters
05 / Reflection
“The prototype proved that platform behavior—safe areas, permissions, map handoffs, and persistent state—is part of product design, not a finishing detail.”Explore selected work