← Back to all work

Case study 02 · Mobile app · Built and live

Saw it in a video? Go there for real. A travel app that turns saved reels, posts and YouTube videos into a planned trip.

Role
Product designer, from idea to live app
Type
Self-directed project, 2026
Platform
iOS, Android and web from one codebase
Tools
Claude Code, Expo, TypeScript, Supabase
Live app
xplore.expo.app

In 30 seconds

The problem

A travel reel names four places in 40 seconds. A YouTube vlog names eleven in half an hour. An Instagram post hides them in the caption. You save it. Then you have to go back, pause, type each name into a map, and work out the order yourself. Most people stop there, so the saved folder grows and the trip never happens.

Xplore does that work for you. One link goes in. A plan you can follow comes out.

The opening screen of Xplore: a reel on the left, a map with three numbered stops on the right, and the line Saw it in a video? Go there for real.

The promise, on the first screen.

How it works

Four steps, from a link to a plan.

The home screen with one field, holding a pasted YouTube link

1. Paste a link. Home has one job, so it has one field.

The reading screen for a 30 minute Gokarna travel video: 11 places found, listed under the video

2. It reads the video. A 30 minute vlog becomes 11 places.

A list of the 11 places with a photo and a tick on each, under the heading Did we get these right?

3. You check it. Untick anything the AI got wrong.

The finished plan: a Google map with the day's route and a three-day plan for Gokarna

4. You get a plan. Days, times and the route on a real map.

Screens from the live app, after pasting a real YouTube travel video.

Real APIs, not mock data

Most design projects stop at a prototype with made-up content. I wanted to know if the idea survives real data. So every part of Xplore that looks smart is doing real work on a real server.

8outside services
9server endpoints
1codebase, three platforms
0sign-up screens

Google Gemini

Reads the caption and description of a video and returns a clean list of places.

YouTube Data API

Gets the title, description and length of a YouTube video.

Apify

Reads Instagram reels and posts, which have no open API of their own.

Google Places API

Turns each place name into a real place with an address, a location and a photo. Also runs the search when you add a place by hand.

Google Maps

Draws the map for real cities on the web.

Wikipedia and Wikimedia

Free photos and city notes, tried first before a paid Google photo.

Supabase

The database, sign-in without an account, and live updates when friends vote.

PostHog

Analytics, to see how people use the app.

The Map tab: a Google map of the Karnataka coast with a photo pin for each saved place, and the list of 11 Gokarna spots below

Your map. A real Google map. Every pin came out of one video.

What happens when you paste a link

Every result is saved for 30 days and shared. So if two people paste the same video, the second one costs nothing and loads at once.

Key decisions

1. AI reads the video. Rules plan the trip.

Finding place names in a messy caption is a language problem, and AI is good at that. Planning a day is mostly maths: minutes, kilometres and what fits. AI is not reliable at that. So the planner is plain rules that run on the phone. It is instant, free, works offline and gives the same answer every time.

A planner question: How many days? It says the 11 places need about 3 days, and marks the 3 day option as fitting all your places

Five short questions. Each answer shows what it means for your places.

One day of the plan on a Google map, then each stop with its time, how long to stay and the travel time to the next one

The plan explains itself. Each stop says why it sits where it does.

The trade-off: travel times are estimates from distance and terrain, not live traffic. And the rules still leave long waits between parts of some days.

2. The AI can be wrong, so you get the last word

The check screen says it plainly: "Xplore's AI picked these out, and it can make mistakes." Every place is shown with its photo and its area, so you can judge it in a second. You untick anything that is wrong, and only the rest is saved.

3. No sign-up

Asking for an email before showing any value loses people. Xplore signs each install in quietly, with no account. Your saved places stay on your device. Only trips you choose to share go to the database.

The trade-off: there is no backup. Clear your browser and your saved places are gone.

4. Built to stay free

Real APIs cost money, so cost became a design problem. Results are shared between users. Free Wikimedia photos are tried before Google's. Daily limits sit under each provider's free allowance. And if the counter itself breaks, the app says no instead of spending.

Plan with friends

A trip is rarely one person's choice. You can share a plan, and each person keeps, swaps or drops every stop. Votes show up live for everyone. A shared plan travels as a ticket, so it feels like something worth opening.

A three-day Gokarna plan shown as a ticket with its stops and times, and buttons to share it or save it as a picture, a story or a PDF

The plan as a ticket. Share it, or save it as a picture, a story or a PDF.

When things go wrong

With real APIs, things fail. Each failure has its own answer, written for people.

Honest limits

What comes next

Next case study The Ad Break, an MX Player Concept →