The problem
Where is the nearest fountain to refill my bottle? Granada has hundreds of public fountains, but that information wasn't easy to look up for locals or tourists.
Professional project
Geofuentes
Mobile app to find Granada's public fountains and explore the city through walking routes between its most iconic ones.
- 400+ public fountains with real data from Emasagra
- iOS + Android from a single React Native codebase
- 1 month contract for the whole frontend
The solution
An iOS and Android app that maps every public fountain in the city using real data from Emasagra, and suggests themed walking routes with distance, duration and accessibility.
Challenges & decisions
-
Hundreds of points without losing smoothness
ChallengeHundreds of markers on screen slowed the map down.
What I didMarker clustering that groups nearby points as you zoom out.
ResultSmooth navigation even with 200+ fountains visible at once.
-
Map and routes on the same screen
ChallengeRoute information had to be shown without covering the map, which is what matters.
What I didA gesture-driven, expandable bottom sheet built with Gorhom and Reanimated, with expandable route cards.
ResultMap and routes share a single screen with smooth animations.
-
A map you can read at a glance
ChallengeGoogle Maps' default style has too much visual noise for this app.
What I didA custom minimalist map style and a blue, water-inspired visual identity.
ResultThe fountains are the star of the map.
Identity & context
