For this CodeReview, the following criteria were graded: 120 Points reached.
(5) Create a GitHub Repository named: FE21-CR3-YourName. Push the files into it and send the link through the learning management system (lms). Add codefactorygit as a collaborator and make set your repository to private. See an example of a GitHub link below:
https://github.com/JohnDoe/repositoryname.git
Please remember to set your repository to private and invite codefactorygit as a collaborator!
(05 points) Correct usage of the HTML structure (proper order of HTML elements).
(05 points) Correct code structure (aka code indentation) for the HTML and Javascript code.
(05 points) Clear separation of CSS, JavaScript and images in distinct folders: css, js, img (access through relative paths).
(10 points) Correct CSS layout according to the provided design. There should be a header, a restaurant image (hero image), 4 subsections (starters, main dishes, desserts and beverages) and a footer. Feel free to improve and expand the design. Each dish must display a name, description and price, beverages only need to display their name and price.
(10 points) The page must be responsive, i.e. the proportions should be similar on all screens. Use responsive measurements (no pixels).
(20 points) The subsections should be 4 in a row on larger screens, 2 in a row on medium screens and 1 in a row on small/extra small screens. You are free to use either Bootstrap or implement Media Queries/FlexGrid/FlexBox to achieve this.
(20 points) Create the function calculateInvoice() in Javascript that returns the invoice for one customer (how much they spent). The parameters of the function should be starterPrice, maindishPrice, dessertPrice and beveragePrice. The function will return the sum of these four parameters.
(10 points) Use the prices on your menu to create four variables that you will pass to the function calculateInvoice() as arguments. Print the result on the console. Note: You should do it manually since we didn't learn how to take values from html elements yet.
(10 points) Calculate at least 3 invoices using combinations of different dishes on your menu and print them on the console (using one dish of each category).
Bonus Points:
(10 points) Create a function studentInvoice() that will apply a 10% discount to the final invoice. This function should have the same parameters as the function calculateInvoice(). This discount applies to the dishes but NOT the beverages. Print 3 examples of studentInvoice() on the console.
(10 points) Create a review page where the user can view customer reviews of the restaurant. The design should compliment the index page. This page must be accessible from the index page (e.g through the navbar or footer).
(20 points) Create the function calculateInvoice() in Javascript that returns the invoice for one customer (how much they spent). The parameters of the function should be starterPrice, maindishPrice, dessertPrice and beveragePrice. The function will return the sum of these four parameters.
(10 points) Use the prices on your menu to create four variables that you will pass to the function calculateInvoice() as arguments. Print the result on the console. Note: You should do it manually since we didn't learn how to take values from html elements yet.
(10 points) Calculate at least 3 invoices using combinations of different dishes on your menu and print them on the console (using one dish of each category).
Bonus Points:
(10 points) Create a function studentInvoice() that will apply a 10% discount to the final invoice. This function should have the same parameters as the function calculateInvoice(). This discount applies to the dishes but NOT the beverages. Print 3 examples of studentInvoice() on the console.
(10 points) Create a review page where the user can view customer reviews of the restaurant. The design should compliment the index page. This page must be accessible from the index page (e.g through the navbar or footer).