How medbuilds/ibn-battuta works
Ibn Battuta is a responsive travel-booking interface, not a functioning booking service. The user opens the page, sees the travel header and hero, and can enter trip type, passenger count, cabin class, locations, and dates in a locally stateful flight form; submission has no backend or booking result. The graph reflects the documented navigation, language display, sign-in control, hero, search form, and copyright. Component wiring is based on sampled source; styling details are summarized at the stylesheet path.
Main entry points: App.jsx App composition · main.jsx React entry · Hero.jsx Hero content · Footer.jsx Footer
Components 11
Page runtime
- React entry
src/main.jsx - App composition
src/App.jsx - Global styling
src/index.css - App styling
src/App.css
Travel interface
- Header controls
src/components/Header.jsx - Hero content
src/components/Hero.jsx - Footer
src/components/Footer.jsx - Copyright year
src/components/Copyright.jsx
Flight search
- Flight search form
src/components/FlightSearch.jsx
Other components
- Traveler
- Browser
Connections 12
- Traveler → Browser: opens page
- Browser → React entry: loads app
- React entry → App composition: renders
- React entry → Global styling: imports
- App composition → App styling: imports
- App composition → Header controls: renders
- App composition → Hero content: renders
- App composition → Footer: renders
- Hero content → Flight search form: renders
- Footer → Copyright year: renders
- Traveler → Header controls: uses controls
- Traveler → Flight search form: enters trip details