Flight Search (Main) Page (+100)

[AndrewMotevich]

Flight Search (Main) Page (+100)

• [x] - The entry point of the app. Available for anonymous users.

• The flight search form should include the following fields:

  • [x] type of flight (one-way or round trip),
  • [x] destination from (with autocomplete dropdown),
  • [x] destination to (with autocomplete dropdown),
  • [x] dates of flight to a destination and return flight date (using date picker),
  • [x] amount of passengers dropdown with options for adults, children, and infants.

• [x] - All the fields are required

• [x] - The "switch" button changes the positions of the "destination from" and "destination to" fields.

• [x] - The form should have client-side validation that prevents submission and shows invalid fields if any of the required data is missing.

• [x] - Once a user filled in all the required fields and clicks the “Search” button, he’s taken to the “Flight Selection” page

[Iogsotot]

• Layout

• [ ] desktops: 1128+

• [ ] laptops: 960+

• [ ] tablets: 540+

• [ ] smartphones: 375+

General Requirements:

• [ ] The web app must be responsive, i.e., it should adapt to various screen sizes and resolutions, such as desktops, laptops, tablets, and smartphones.
• [x] The web app should follow the same style guide across all the pages, including the color scheme, typography, and visual elements.
• [ ] All the forms should have client-side validation that prevents submission and shows invalid fields if any of the required data is missing. The validation rule should correspond to the expected data type (e.g. email, phone number, name, etc.)

Content Container: The content container is the dynamic part of the app that’s changing on router navigation and should contain the main content of the web page, such as flight search results, flight details, booking form, payment form, etc.

[Iogsotot]