chat with agentaskProjects2 folders 4 filesAI and agents2 folders 2 filesInfrastructure3 foldersDevelopment5 filesAbout5 files
B2B portal for corporate travel
  • React
  • Redux
  • TypeScript
  • Nx
  • MUI
  • socket.io
  • SendGrid

B2B portal for corporate travel

A company account for business travel: employees, travel policy, corporate cards, reports, flights and hotels. A colleague and I built the first version of the portal.

2022 - 2024 · frontend lead, architecture and API integration

Screenshots

  • App in the Air for Business landing page hero
    Landing page for business clients
  • Onboarding cards: filters, travelers, travel policy, custom fields, perks
    Onboarding for a new company account
  • Activity section: company travel expenses with filters
    Employee trips and policy compliance
  • Travel policy settings: allowed flight classes
  • Choosing a corporate card for payment
  • Flight results with fare columns from Basic to Superior
    Fares compared side by side
  • List of past trips: flights and hotels
  • Landing block about premium features for employees

A company signs up on its own, adds employees, sets a travel policy and links corporate cards. Employees book flights and hotels within the policy, and the reports show who flew where and what it cost.

I owned the frontend architecture and the API integration. A colleague and I built the first version. After that I led the portal frontend and kept writing code myself. Access rights come from a config the backend sends: which pages and actions each role gets, and the frontend builds the UI from that. Corporate card data is encrypted.

Later the flights side got NGS and ATPCO fares, seat selection, baggage and promo codes. I rebuilt hotel booking from scratch on top of a new API: search over HTTP, availability over socket.io, a map, loyalty programs, payment with 3DS. Portal emails went through SendGrid, and I moved the hotel emails to react-email.

The portal moved to React 18 and an Nx monorepo. Every release branch automatically got its own staging environment on Cloud Run.