Flight Search App Interface

This is a simple flight search application UI built with React. It allows users to search for flights based on different options like round trip, one way, and multi-city.

Features

• Switch Between Flight Options: Users can switch between different flight options like round trip, one way, and multi-city.
• Display Flight Results: Displays flight search results in a table format, including details like flight number, aircraft, class, fare, route, departure, arrival, duration, and price.
• Dynamic Flight Row: Each row in the flight table dynamically adjusts based on the flight data received, showing information for each segment of the journey.

Installation

To run this application locally, follow these steps:

1. Clone this repository to your local machine.

   git clone <repository-url>

2. Navigate to the project directory.

   cd flight-search-app

3. Install dependencies using npm or yarn.

   npm install
   # or
   yarn install

4. Start the development server.

   npm start
   # or
   yarn start

5. Open http://localhost:5173 in your browser to view the application.

Technologies Used

• React
• PropTypes
• Tailwind CSS
• DaisyUI

---

Note:

I took the liberty to enhance the visual aesthetics of the UI beyond the provided image in the assignment. While maintaining the original layout, I applied creative styling using modern design principles. This decision was made to offer a more polished and engaging user experience. Thank you for your understanding.

---