Back to Blog
Build May 2026 8 min read

Building Port Stripes: A Cruise Companion App from Scratch

Why we built it, how we chose the stack, and what the first working version looked like. A behind-the-scenes look at building a real product for a niche audience.


When you work in the cruise industry, you get a front-row seat to the incredible evolution of guest technology. Modern cruise ships are floating cities equipped with highly sophisticated onboard apps that flawlessly manage everything from digital cabin entry to dinner reservations. However, while onboard technology has leaped forward, coordinating the off-ship port experience still offers a unique opportunity for innovation.

On any given turnaround day, guests naturally use a variety of digital tools to organize their shoreside adventures—juggling separate apps for navigation, packing, itineraries, and budgeting. Seeing how much guests love to curate their days ashore, we realized there was an exciting opportunity to build a unified, specialized tool designed specifically to streamline the logistics of a multi-stop cruise from a shoreside perspective. We called it Port Stripes.

Our goal was to build a fast, reliable, and consolidated cruise companion app. To deliver a working product to users quickly while keeping infrastructure management lightweight, our stack choices were pragmatic: React for a highly interactive interface, Supabase to handle authentication and database management seamlessly out of the box, and Tailwind CSS for rapid, responsive styling.

When defining our minimum viable product, we focused strictly on four core features designed to bring the fragmented shoreside planning experience into one elegant space:

  • Cruise Itinerary Planner A calendar interface that smoothly handles transitions between time zones, sea days, and precise port arrival and departure times.
  • Smart Packing List A destination-aware suggestion engine that highlights relevant gear based on the itinerary, allowing users to track luggage weight and share lists.
  • Community Port Tips A crowdsourced feed where passengers share helpful, actionable advice about specific ports, like local transit options or nearby Wi-Fi spots.
  • Onboard Expense Tracker A tool to log external excursions and shoreside dining with built-in currency conversion, helping groups track vacation spending easily.

One of our biggest architectural decisions was delivering Port Stripes as an installable Progressive Web App (PWA) rather than native iOS and Android apps. A PWA allowed us to deploy instant updates directly to the web without waiting on app store review queues.

Opening the link to our first batch of users proved that a single, focused web application could successfully streamline the cruise planning ecosystem. We are continuously iterating now based on real human behavior, analyzing how users interact with crowdsourced tips to make the ship-to-shore transition entirely seamless.