1. Make and set up a web app using the MVC template
2. Add and modify the model, Razor view imports page, and a strongly-typed view
3. Add the Razor layout and view start
4. Add data validation

Price Quotation Web App

1. When the app starts, it should display the Price Quotation page with no subtotal or discount percent, and it should set the discount amount and total to $0.00.
2. If the user enters a valid subtotal and discount percent and clicks the Calculate button, the app should calculate and display the discount amount and total.
3. If the user enters invalid data and clicks the Calculate button, the app should display a summary of validation errors above the form.
4. Requirements for valid data:
   • The sales price is required and must be a valid number that's greater than 0.
   • The discount percent is required and must be a valid number from 0 to 100.
5. If the user clicks the Clear link, the app should reset the form to how it was when the app first started.
6. Use the MVC pattern. To do that, create a model class that stores the subtotal and discount percent and calculates the discount amount and total. Make sure to bind that model to the Razor view that displays the Price Quotation page shown above.
7. Use a Razor layout to store the , , and elements.
8. Use a custom CSS style sheet to style the HTML elements so they appear as shown above.

Tasks - Tip Calculator Web App

Watch the video overview. You only need to watch one of the videos. If you are using a Windows computer to complete the work this semester, please watch "Video Overview (Windows)". If you are using a Mac computer, please watch "Video Overview (macOS)".

Tip Calculator Web App

1. When the app starts, it should display an empty text box and tip amounts of $0.00.
2. If the user enters a valid meal cost and clicks the Calculate button, the app should calculate and display the tip amounts as shown above.
3. If the user enters invalid data and clicks the Calculate button, the app should display a summary of validation errors above the form and $0.00 for the tip amounts.
4. The cost of the meal is required and must be a valid number that's greater than 0.
5. If the user clicks the Clear link, the app should reset the page to how it was when the app first started.
6. Use the MVC pattern. To do that, create a model class that stores the cost of the meal and includes a helper method for calculating the tip percentages.
7. Use a Razor layout to store the , , and elements.
8. Use a custom CSS style sheet to style the HTML elements so they appear as shown above.

REQUIRED: MAKE IT YOUR OWN

• On each of the .cshtml pages, you should have your first name in the H1 tags
• OPTIONAL: Add any additional elements you would like (Have fun with it!)

Submit

1. Take a screenshot of the following and put them in a word document
   1. The Price Quotation web app running locally on your machine with the following inputs entered and the calculate button pressed (YOU MUST SHOW THE BROWSER URL FOR CREDIT)
      • Subtotal: 245.86
      • Discount percent: 25
   2. The Tip Calculator web app running locally on your machine with the following input entered and the calculate button pressed. (YOU MUST SHOW THE BROWSER URL FOR CREDIT)
      • Cost of meal: 123.78
   3. The code in the HomeController.cs classes for each project (MUST INCLUDE A LINE OF PSEUDO CODE FOR EACH LINE OF SOURCE CODE CREATED)
   4. The code in the new model classes for each project (MUST INCLUDE A LINE OF PSEUDO CODE FOR EACH LINE OF SOURCE CODE CREATED)
   5. Remember to make it your own. Your first name should display on each of the .cshtml pages
2. Submit the screenshots.