Challange Overview

Create at least 3 screens of Search Form, Listings and Booking Summary for the below design. Link

Solution Setup

In the project directory, you can run:

npm install

To install all dependencies.

npm run start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Routes information

There are two routes in the application :-

1. / - Home Page
2. /booking - Booking Summary (You can click on "Track Shipment" button in Home Page in deployed application to redirect)
3. /listing - Listing of Flights page (You can click on "$" button in Home Page in deployed application to redirect)

Stack Used

1. React
2. JSX
3. CSS

Note:

1.Due to lack of time I could not complete the listing cards but have submitted a rough demo of implementation. 2.Navigation of routes directly will not be possible in deployed application thus use the buttons for navigation (You can click on "Track Shipment" button in Home Page in deployed application to redirect to booking summary and You can click on "$" button in Home Page in deployed application to redirect to flight listing)