Roam

• Destination browsing with search and filters for budget, season and activity.
• A trip planner with an itinerary builder, a cost calculator and an "expert review" panel.
• A booking flow with review, payment and confirmation screens, plus a user dashboard, auth screens, content pages, and light and dark themes.

Decisions along the way

Static export

There are no API routes, so the whole site is exported as static HTML and deployed to GitHub Pages by GitHub Actions. That makes it free to host and easy to share.

Off-the-shelf accessible components

UI is built on Radix UI primitives via shadcn/ui, with React Hook Form and Zod for form validation, rather than hand-rolling dialogs and inputs.

Clean up credentials properly

An earlier local copy had live API credentials in an env file the old .gitignore didn't exclude. It was never pushed, and .gitignore now excludes every .env file except the example.

Stack

Framework

Next.js 16 (App Router, static export), React 19, TypeScript

Styling

Tailwind CSS 4, tailwindcss-animate

Components

Radix UI, shadcn/ui

Forms and charts

React Hook Form, Zod, Recharts

Hosting

GitHub Pages via GitHub Actions

• Building the whole flow as a clickable prototype first shows which back-end pieces actually matter.
• Static export forces you to be honest about what's real and what's mocked.

More screens

• Connect flight search, payments and accounts to a real back end.
• Replace the placeholder images and sample data.

• Front-end prototype. Flight search, payments and accounts aren't connected to a back end.
• All data is hard-coded sample data and nothing is saved. Login, signup and payment forms don't submit anywhere.
• Images are placeholders.