Project

Global Travels

A flight booking interface with trip search, filtering, and a checkout flow.

Features

01Flight search

  • Airport autocomplete matches airline codes first, then falls through names, cities, and countries

  • Trip builders cover round-trip, one-way, and multi-city, each with its own passenger counters

  • Direct-flight toggle, cabin class, currency and language options, and a search history

  • Trips mutate without starting over: swap airports, flip direction, shift date ranges, add or drop segments

02Results & booking

  • The results page comes with a filter sidebar: airlines, a budget slider, stops, times of day, services, and refundable only

  • Selections ride in a Context-based basket and stay there all the way to checkout

  • Checkout shows the trip summary and a session countdown timer

  • Card and bank-transfer payment options, ending on a confirmation screen

03Account & content

  • Sign-in, sign-up, OTP verification, and password recovery flows

  • Google sign-in as an alternative way in

  • Destination and hotel carousels, airline partners, and a newsletter signup

Technologies

Next.js 14React 18shadcn/uiRadix UIImmerContext APITailwind CSSVercel