Travel Planner

Fullstack travel planner web app where users create trips, add locations, and visualise journeys on an interactive map and 3D globe.

The Challenge

Design an end-to-end travel planner that persists user trips, locations, and itineraries while keeping the interface intuitive and visually rich.

The Solution

Built authenticated trip dashboards backed by Neon PostgreSQL via Prisma, allowing users to create trips, attach locations, and visualise routes on embedded Google Maps and globe experiences.

Key Features

  • User authentication and personal trip dashboards
  • Create, edit, and delete trips with rich metadata
  • Add locations to trips with map-based visualisation
  • Interactive drag-and-drop itinerary ordering
  • Map and 3D globe views for travel history
  • Responsive layout optimised for desktop and mobile

Technologies

Next.jsTypeScriptPrismaNeon PostgreSQLGoogle MapsTailwindCSSNextAuth
Travel Planner 1
Travel Planner 2
Travel Planner 3