Please bid Vue.JS Expert.
Budget: $250 – $750 USD
Pizza Menu
Design a pizza menu using VueJs, according to the following instruction
1. The menu include 3 steps
a. Step 1: Choose pizza size
i. Small = 5$
ii. Medium = 10$
iii. Large = 15$
iv. extra large = 20$
b. Step 2: Choose topping
i. Mushrooms = 1$
ii. Olives = 1$
iii. Tomato = free
iv. Tona = 3$
v. Pineapple = 3$
vi. Seafood = 5$
vii. Pepperoni = 2$
viii. Bacon = 1$
ix. Onion = free
x. Mozzarella = 3$
c. Step 3: Customer details.
i. Name
ii. Address
iii. Phone
2. After the user has finished with the order. He should see an order summary. It’s your
choice how to implement and design the summary.
3. In the summary you should show the total price of the pizza.
a. For each 2 topping the user get the third for free (the cheapest)
b. He can choose up to 6 toppings.
c. He can’t choose Bacon and Mozzarella for the same pizza.
4. Add 15% VAT to the total price.
5. The user can navigate between all three steps before he completes the order. After
showing the sammay, the order can not be changed.
The quality of the task will be checked according to :
1. Quality of the written code
2. Quality of design (css)
3. Structure of the pages. (JS + HTML)
Time: 1 Hours
Copied code will not be checked, please write your own code.
Design a pizza menu using VueJs, according to the following instruction
1. The menu include 3 steps
a. Step 1: Choose pizza size
i. Small = 5$
ii. Medium = 10$
iii. Large = 15$
iv. extra large = 20$
b. Step 2: Choose topping
i. Mushrooms = 1$
ii. Olives = 1$
iii. Tomato = free
iv. Tona = 3$
v. Pineapple = 3$
vi. Seafood = 5$
vii. Pepperoni = 2$
viii. Bacon = 1$
ix. Onion = free
x. Mozzarella = 3$
c. Step 3: Customer details.
i. Name
ii. Address
iii. Phone
2. After the user has finished with the order. He should see an order summary. It’s your
choice how to implement and design the summary.
3. In the summary you should show the total price of the pizza.
a. For each 2 topping the user get the third for free (the cheapest)
b. He can choose up to 6 toppings.
c. He can’t choose Bacon and Mozzarella for the same pizza.
4. Add 15% VAT to the total price.
5. The user can navigate between all three steps before he completes the order. After
showing the sammay, the order can not be changed.
The quality of the task will be checked according to :
1. Quality of the written code
2. Quality of design (css)
3. Structure of the pages. (JS + HTML)
Time: 1 Hours
Copied code will not be checked, please write your own code.