ASSIGNMENT

1. There should be a header with the logo (given below)

2. Just after the header there should be a heading ‘Newly Launched’ following with the pizza
cards in grid format at the left side & the empty basket on the right side as shown in the
screenshot

There should be -
- 4 rows of pizza cards in desktop
- 3 rows in tab

3. The red line in the screenshot indicates the areas which you can ignore while developing the
page.
4. Clicking on the add button the pizza for that particular card should be added in the basket
with the product name, price & type of size&crust
5. Below the basket the total amount should be shown with the label ‘Amount Payable’ as
shown in the screenshot
6. Clicking on cross button inside the basket, that particular pizza should be removed from the
card & the amount should be deducted from the total amount.
7. Clicking on checkout button, which is at the bottom of the basket, should prompt an alert with
the message ‘checkout in progress’.

ASSETS

Header-logo:
https://www.uengage.in/images/addo/logos/lapinoz-logo.png

Background image:
https://www.pizzahut.co.in/_next/static/static/images/app-
bg.9637f025c0a8602011051ed056e61616.jpg

Pizza Data: (you can copy data from below)

[
{
productname: 'Margherita',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/margherita.90f9451fd66871f
b6f9cf7d506053f18.1.jpg',
productDesc: 'Pizza topped with our herb-infused signature pan sauce and 100%
mozzarella cheese. A classic treat for all cheese lovers out there!',
productPrice: '139',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
{
productname: 'Schezwan Margherita',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/schezwan-
margherita.4371d9483546db47a97c5503ccad0c2f.1.jpg',
productDesc: 'Your very own Margherita, now with a spicy twist! Loaded with
our signature spicy schezwan sauce & 100% mozzarella cheese.',
productPrice: '339',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
{
productname: 'Mazedar Makhni Paneer',
 productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/mazedar-makhni-
paneer.cb3150d2be9cb8dcd248be70921c5196.1.jpg?width=600',
productDesc: 'A treat for all makhni lovers. Spiced paneer, onion, juicy red
bell peppers with our new flavourful makhni sauce, topped with 100% mozzarella cheese
and buttery spice sprinkle ',
productPrice: '199',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
{
productname: 'Ultimate Tandoori Veggie',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/awesome-american-
cheesy.17f198e5a73db40c367ddfe96da54a4c.1.jpg',
productDesc: 'Your very own Margherita, now with a spicy twist! Loaded with
our signature spicy schezwan sauce & 100% mozzarella cheese.',
productPrice: '409',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
{
productname: 'Mexican Fiesta',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/awesome-american-
cheesy.17f198e5a73db40c367ddfe96da54a4c.1.jpg',
productDesc: 'Your very own Margherita, now with a spicy twist! Loaded with
our signature spicy schezwan sauce & 100% mozzarella cheese.',
productPrice: '299',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
{
productname: 'Awesome American Cheesy Chicken',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/awesome-american-
cheesy.17f198e5a73db40c367ddfe96da54a4c.1.jpg',
productDesc: 'Your very own Margherita, now with a spicy twist! Loaded with
our signature spicy schezwan sauce & 100% mozzarella cheese.',
productPrice: '105',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy'],
 },
{
productname: 'Nawabi Murg Makhni',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/awesome-american-
cheesy.17f198e5a73db40c367ddfe96da54a4c.1.jpg',
productDesc: 'Your very own Margherita, now with a spicy twist! Loaded with
our signature spicy schezwan sauce & 100% mozzarella cheese.',
productPrice: '110',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy'],
},
{
productname: 'Tandoori Paneer',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/awesome-american-
cheesy.17f198e5a73db40c367ddfe96da54a4c.1.jpg',
productDesc: 'Your very own Margherita, now with a spicy twist! Loaded with
our signature spicy schezwan sauce & 100% mozzarella cheese.',
productPrice: '250',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
{
productname: 'Veggie Supreme',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/awesome-american-
cheesy.17f198e5a73db40c367ddfe96da54a4c.1.jpg',
productDesc: 'Your very own Margherita, now with a spicy twist! Loaded with
our signature spicy schezwan sauce & 100% mozzarella cheese.',
productPrice: '300',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
{
productname: 'Chicken Sausage',
productImage:
'https://api.pizzahut.io/v1/content/en-in/in-1/images/pizza/mazedar-makhni-
paneer.cb3150d2be9cb8dcd248be70921c5196.1.jpg?width=600',
productDesc: 'A treat for all makhni lovers. Spiced paneer, onion, juicy red
bell peppers with our new flavourful makhni sauce, topped with 100% mozzarella cheese
and buttery spice sprinkle ',
 productPrice: '210',
'size&crust': ['Personal Pan', 'Personal Stuffed Crust Maxx', 'Medium Pan',
'Medium Stuffed Crust Maxx', 'Thin n Large Thin n Crispy']
},
]