Mobile engineering · Map-based social product

HereAfter

I built HereAfter as a cross-platform mobile app where the map is the social feed and every memory belongs to a place.

HereAfter overview preview

The product

HereAfter lets people leave “drops” at real-world locations and discover what friends and nearby communities have shared. A drop can be a note, photo, video, or voice note—with captions, tags, visibility controls, and social actions attached.

Prototype walkthrough

In motion

Core architecture

System design

01

Map-first discovery

The app fetches nearby drops around the user, clusters markers as the camera zooms out, and expands them into individual markers at closer zoom levels. Drops become active when a user is within 100 meters, turning discovery into a real-world interaction.

02

A flexible drop system

Users can create note, image, video, and audio drops from the map. The composer supports captions, tags, previews, voice recording, audio waveforms, video thumbnails, and visibility settings for Everyone, Friends, Community, or Only Me.

03

The social loop

Opening a drop leads into the rest of the product: like it, comment on it, save it to My Map, open the creator’s profile, send a friend request, or report content. Notifications deep-link people back to the relevant drop or friend action.

04

From first launch to trust

The app includes phone and OTP authentication, invite-only access, age verification, usernames, contact invites, community guidelines, location permissions, push notifications, and account controls—so the social experience has a complete product shell around it.

Product visuals

Interface & details

HereAfter interface view 1
HereAfter interface view 2
HereAfter interface view 3

My contribution

In the build

  • 01Built the Expo Router app structure and authenticated navigation states
  • 02Implemented the Mapbox experience with location tracking, weather-based map styling, marker clustering, and zoom-aware transitions
  • 03Built the drop creation pipeline for notes, images, videos, and voice notes
  • 04Handled Supabase Storage uploads, remote media URLs, draft cleanup, retries, thumbnails, and audio waveform data
  • 05Implemented likes, comments, saves, friend requests, profiles, blocking, reporting, and post deletion
  • 06Built My Map to organize personal, discovered, and saved drops, plus notification deep links and realtime updates

The result

The result was a working mobile MVP—not just a set of screens. A user can authenticate, complete onboarding, create a location-based memory, discover drops by moving through the world, interact with people and content, and return to everything they have created or saved.

ExpoReact NativeTypeScriptMapboxSupabaseZustand