https://delivery-migrated.vercel.app/

User guide:

Main page (Shop): First, change the restaurant by clicking the buttons of the sidebar on the left part of the screen. Then, choose which items to order by clicking "add to cart" buttons below them. When an item is added to the cart for the first time, a notification about it pops out in the top right corner. Future clicks will not cause popouts, however there will be added more items of the same kind. Notice, that when any item is added to the cart, restaurant buttons get disabled since the order can be placed only at one restaurant at once. To clear the cart, use the "Clear cart" button. Using it will cause a notification that the cart is now clear, the button will become disabled, however restaurant buttons will become unlocked again.

Cart page:

This page helps user to place an order. To the right, if the cart is not empty, there are items currently in the cart of user. User can change quantities of items in the order by either writing into an input field, or regulating quantity by arrow keys to the right from the input (Allowed quantities: 1-13 for the same item). Also, user can remove an item from cart by pressing the red bin icon. For each cart item there is a sum of all its units and total order sum below the cart. On the left side of the screen there are input fields and a map to get user data, that is necessary to place an order. All the data fields are formatted for the type of data it requires. The address can be chosen by clicking on the map, manually typing it into a search bar on the top side of the map or by being located using geolocation after clicking the button in the top right corner of the map (browser location access required). After the address is chosen there will be built a path from the restaurant where the order will be delivered from to the closest available location. Also in the bottom of the map will appear delivery path and estimate delivery time. Next, user can enter a promo code, then pass the captcha and place an order. When order is placed, notification apears. Also, there is a "Clear cart" button that does exactly the same as the button with the same name on the previous page.

Coupons page:

This page contains coupons with promocodes that can be used when placing order. Every coupon has a picture, a promo code and a button "copy code" which copies the code to a clipboard. When the button is pressed, the notification appears and the code copies.

Orders page:

This page contains the user's previous orders. There are also 3 input fields that allow user to search for the order with some phone, email and order id.