Menu screen

[Niyaz-ik]

Tasks

• [2pt] Desing for menu screen #54
• [2pt]Implement Menu screen #57
• [2pt] Implement screen with complete information about beverage in Menu screen #64
• [1pt]Implement filters in Menu screen #66

Description
AS A user I WANT TO check all menu positions with additional information SO THAT I can order beverages I want to.

Acceptance criteria

1. The screen must contain information about shop (address, min price, rating, how much the order will be wait, distance) and area with menu: its sections at the top and then cards with menu positions
   and the button for filtering in the upper right corner.
2. User can scroll down and select other drinks offered by this coffee shop.
3. The user can tap on one of the menu position and go to the screen with complete information about beverage.
4. The user may see short information from the shop card from previous screen.
5. At the top of the darker area titles of menu sections (popular, coffee, tea, etc.) should be located.
6. The following criteria should be in the drink card:
   a. The user can see minimum price (from X rubles).
   b. The user can see all available sizes.
   c. The user can see the photo of the drink.
7. If the user tap on button for filtering, dialog window for choosing filters should be shown:
   a. Two buttons should be added - "Enter" and "Reset": first one to apply filters and second to reset visual signs of selected buttons.
   b. Filter by size beverages: buttons with different available volumes.
   c. Filter by price of drinks: with slider moving from both sides and limiting the lowest and the highest price to choose from.
   In default mode the slider's borders should be defined by minimum and maximum price of drinks in this coffee shop.

Additionaly

7. User can click on basket button and go to the order screen.
8. If the user has added more than one product to the basket, a circle should appear near the basket logo, in which there will be a figure indicating the number of selected products by the user