Frontend Applications

Customer-facing and agent-facing applications across web, mobile, kiosk, and desktop platforms.

Components

Web Booking

Internet Booking Engine (IBE):

• Flight search and booking
• Manage My Booking portal
• Ancillary shopping
• Web check-in
• Multi-language/currency

Mobile Apps

Native mobile applications:

• iOS and Android apps
• Mobile booking
• Digital boarding passes
• Push notifications
• Wallet integration

Kiosk

Self-service check-in:

• CUSS compliance
• Document scanning
• Bag tag printing
• Boarding pass issuance
• Payment processing

Agent Desktop

Staff-facing applications:

• Reservation agent interface
• Airport agent interface
• Call center tools
• Supervisor dashboards

Architecture Principles

Micro-Frontend Strategy

┌─────────────────────────────────────────────────┐
│                 App Shell                        │
├─────────┬─────────┬─────────┬─────────┬────────┤
│ Search  │ Booking │ Manage  │ Check-in│ Loyalty│
│ Module  │ Module  │ Module  │ Module  │ Module │
└─────────┴─────────┴─────────┴─────────┴────────┘
     │         │         │         │         │
     └─────────┴─────────┴─────────┴─────────┘
                         │
              Shared Component Library

Technology Stack

Design System

Core Principles

• Consistent brand experience
• Accessibility (WCAG 2.1 AA)
• Mobile-first design
• Performance optimization
• Internationalization

Component Categories

• Navigation
• Forms and inputs
• Flight displays
• Seat maps
• Payment forms
• Modals and alerts

Performance Targets