Create a one$-$page Online Pizza Shop web application to allow a client to order pizza online.

What do you need to do:

a$.$ This exercise re$-$enforces the concept and importance of model binding.

b$.$ Create a one$-$page Online Pizza Shop web app which resembles the layouts style like the screenshot

below.

c$.$ Make sure you display the following information in the textarea html element after a client clicks

the "PreCompute Order" or "Place Order" button $($the screenshots below$)$:

$1.$the Pizza Type, the Pizza Size, the Toppings

$2.$the Total amount in Accounting format $($e$.$g$.,$ $$10\mathrm{.}95)$

Welcome to Cyber online Pizza Shop

Provide a $$Clear Order$$ button clear any user selection$($s$)$ and textarea after it is clicked.

e$.$ Both selections of Pizza Size and Pizza Type are required before computing the cost but the

selections of toppings are optional.

f$.$ Remember to provide required field validation on the Pizza Size and Pizza Type. Refer to the

screenshot below. And make sure to display the message in Red color.

g$.$ In your code, you have to use Model binding to bind those fields to the properties of your domain

entity. However, you can decide what property names of your liking.

$1.$I used Order as my domain entity so I just use two parameters in my action method.

$2.$

h$.$ Watch the video about how$-$to validate the online Pizza Shop,

$[2$:$56]$

i$.$ Make sure that the appearance of your app resembles to the ones on the screenshots or in the

demonstration video.

j$.$ Verify the correctness of your web app to produce the expected results.

$$ References:

a$.$ This example is cited from the book $$Java Programming from Problem Analysis to Program

Design$$ by Dr$.$ D$.$S$.$ Malik.