Eurotrip
Four mates, one itinerary.
A private itinerary app for four mates through Europe. Everyone signs in and sees the trip day by day, with their own flights, stays, transfers and train bookings. It was my first app with real users.
What it does
Jun 2025- 01Your own travel docsEach person sees their own flight tickets, booking references, transfers and train reservations. Nobody has to forward the email.
- 02Day by dayA timeline for every day of the trip, with a countdown to whatever's next.
- 03Vote on what to doSuggested activities for each city that everyone can vote up or down, and you can see who voted which way.
- 04NearbyGyms, coffee and shopping pinned for each stop.
- 05Dinners and big nightsRestaurant bookings and special nights pinned to the day they happen.
- 06On the home screenIt installs as a web app, so it sits on your phone like any other.
Signature
A hand-drawn route
The landing page draws the trip as a little map: six pink pins from Athens to Paros, Cannes, Sorrento, Rome and London, joined by a dashed trail that fades from pink to blue. Each city is written in Caveat, like a note on a postcard.
How it works
- Landing or tripThe home page is a server component that checks your session. Logged out you get the landing page; signed in you get the itinerary.
- No sign-upThere's no public sign-up. Each traveller is one row, so if you weren't on the trip you weren't in the app.
- Supabase underneathEvents, bookings, activities and votes are Supabase tables, changed through Next.js server actions. Intro videos and backgrounds come from storage, with separate cuts for portrait and landscape screens.
Design
DM SansAa
#0D0D0D#FF1493#545D68#CFE0F0
- Hot pink on pale sky blue, with a pink-to-blue gradient across the wordmark.
- Instrument Serif for headlines, DM Sans for text, and Caveat for anything handwritten, like the city names.
- Inside the app it's softer: baby blues, a lighter pink and white cards.
- It opens on a short video before the itinerary fades in.