Summary Page (+50)

[AndrewMotevich]

Summary Page (+50)

• The Summary page is the final step before confirming the flight booking. It will display all the details entered by the user during the booking process, including:

  • [x] - Flight details: This section should display the flight number, departure and arrival times, and dates.
  • [x] - Passenger details: This section should show the passenger data as well as baggage options.
  • [x] - Payment details: This section should display the total cost of the booking, broken down by each component, such as the base fare, taxes, and any additional fees.

• The Summary page should also include the following elements:

  • [x] - Process indicator: A visual indicator should show the user which step of the booking process they are on and how many steps are remaining.
  • [x] - Buy Now button: This button should allow the user to confirm the booking and proceed to payment.
  • [x] - Add to Cart button: This button should allow the user to add the booking to their shopping cart and continue browsing the app. The user should be able to return to the cart at a later time to complete the booking.
  • [x] - Back button: This button should allow the user to return to the previous step in the booking process to make any necessary changes.

[Iogsotot]

• Layout

• [ ] desktops: 1128+

• [ ] laptops: 960+

• [ ] tablets: 540+

• [ ] smartphones: 420+

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.