Back to portfolio
Travel Planner logoTrip planning

Travel Planner

Travel planning product with itinerary, budget, home, loading, and error states for planning trips.

ReactViteTravelPlannerItinerary

The travel planner is a collaborative trip workspace for shared planning and cost coordination. It covers authentication, onboarding, protected app routing, trips, members, itinerary, expenses, balances, budget, transfer info, documents, checklist, reminders, notifications, memories, translation, trip settings, activities, planner tasks, accommodations, transport, travel search, profile, settings, and help.

Its route documentation includes both core protected app routes and dynamic trip workspace routes, making it one of the broadest apps in the showcase by feature count.

Presentation

Mockups

Travel planner light theme mockup
Travel planner dark theme mockup
Travel planner light overview mockup
Travel planner dark overview mockup
Travel planner light planning mockup
Travel planner dark planning mockup
Travel planner light expenses and memories mockup
Travel planner dark expenses and memories mockup
Details

App presentation

Travel Planner App

Trip home, itinerary, budget, loading, and error states.

A collaborative travel planning app for creating trips, inviting members, assigning invitation roles, building itinerary timelines, splitting expenses, calculating balances, tracking budgets, storing transfer information, managing travel documents, preparing checklists, scheduling reminders, reviewing notifications, saving memories, keeping translation phrases, configuring trip governance, planning activities, managing planning tasks, organizing stays, tracking transport, searching travel options, and managing user profile/settings/help.

  • Auth routes include onboarding, login, register, forgot password, reset password, and unauthorized feedback.
  • Protected routes cover app home, trip list, trip creation, trip details, profile, settings, and help.
  • Trip workspace routes cover members, itinerary, expenses, balances, planner, accommodations, transport, activities, budget, transfer info, memories, documents, checklist, reminders, notifications, translation, and trip settings.
  • Travel search routes cover accommodation, flight, activity, and restaurant discovery with query/date/budget/currency/party filters and shortlist behavior.
  • Trip-level roles are represented for admins, members, and viewers, with deeper authorization planned.
  • The app supports light/dark/system theme modes and mock-data-first planning workflows.

Trip Foundation

  • Authenticated users enter an app shell with home, trips, create trip, and trip detail routes.
  • Members module lists trip members, invites new members, and assigns roles such as trip admin, trip member, or viewer.
  • Trip settings configure governance defaults, invite policy, expense approval rules, currency, split behavior, and reminders.
  • Profile and global settings let users manage identity, language, currency, timezone, landing page, date format, and workspace toggles.

Planning Workspace

  • Itinerary module lists items per trip, filters by day, adds items, and removes items.
  • Planner module manages trip planning tasks with category, priority, due date, and todo/in-progress/done states.
  • Activities module tracks activities by day and updates planned, booked, and completed states.
  • Accommodations and transport modules track stays, transport legs, costs, schedules, and planned/booked/completed style statuses.

Money And Settlements

  • Expenses module records trip expenses and handles equal or custom split behavior.
  • Balances module computes member balances, total expenses, and settlement amounts.
  • Budget module tracks budget versus spend, remaining budget, status detection, and category-level breakdowns.
  • Transfer info module stores settlement transfer options, bank or wallet details, and primary transfer option state.

Readiness And Memory

  • Documents module stores travel document metadata and readiness states such as valid, pending, and expired.
  • Checklist and reminders modules support trip readiness tasks, pending/done states, and scheduling reminders.
  • Notifications module supports read/unread and archive/restore behavior for trip notifications.
  • Memories and translation modules support travel memory highlights and favorite phrasebook entries.

Travel Search And Support

  • Search routes cover accommodations, flights, activities, and restaurants within a trip context.
  • Search filters include query, dates, budget, currency, and party size, with save/unsave shortlist actions.
  • Help module includes knowledge articles, support ticket creation, and ticket history.
  • Known future work includes currency conversion, maps/location, stronger permissions, audit/event timelines, and richer support flows.