← Back to workCase study · 02

Travel SaaS / Full stack

VivaTrip

A full-stack travel product that brings authentication, saved trips, itinerary workflows and pre-travel preparation into one connected experience.

Role

Full Stack Developer

Focus

Product · Auth · UX

VivaTrip live product interface

Real VivaTrip product preview from the deployed application.

The challenge

Travel information is fragmented. The product should not be.

VivaTrip was designed around a single source of trip context so each planning screen can feel connected instead of behaving like an isolated tool.

Secure authentication

SSR authentication with protected routes, cookie-based sessions and password recovery flows.

Saved trip context

Trip data feeds planning screens directly, reducing duplicate information and keeping the experience consistent.

Pre-trip planning

Checklist-driven preparation designed around the actual destination and travel context.

Scalable product foundation

Structured to grow into itinerary editing, destination discovery, alerts and paid travel-planning features.

Technical highlights

Built as a real product, not a static concept.

Next.js App Router with protected routes

Supabase authentication and persistent sessions

Server-side auth checks for private screens

Reusable trip and profile UI components

Responsive layouts for desktop and mobile

Production deployment with Vercel

Stack

Next.jsReactTypeScriptSupabasePostgreSQLSSR AuthResponsive UIVercel