Burgers
The project was carried out according to a ready-made layout in the online graphic editor "Figma". The layout of the project is presented below, you can familiarize yourself with it.
All sections of the web application are vividly represented on the layout: the main block, information about the service, the menu and the order collection form.
The web application is located at the link: https://me7rix .github.io/Burgers/
The Burgers project was developed from scratch in HTML and CSS. The logic of the web application is implemented in JavaScript. The project uses an emphasis on brown, orange and yellow colors.
The main screen displays a burger and brief information about it with a button. The menu has sections of the web application.
In addition, there is a currency button. By pressing it, the currency changes not only on the button, but also the cost in the burger cards is recalculated
The costs are calculated according to the current currency using the API.
Thus, the user will be able to select the currency of his country and calculate the exact cost of the order.
Thus, the user will be able to select the currency of his country and calculate the exact cost of the order.
The burger cards are dynamic and are loaded from the backend of the web application.
Each card contains an image of the burger, its name, composition, cost in the current currency, the weight of the burger and the "Order" button. By clicking on the button, the order form is scrolled through, while the name and cost are automatically inserted into the form, depending on which burger was selected.
The form is valid, so you will not be able to send a request with blank fields, because the button will be inactive.
To provide a layout file or code, write to me
