DEV Community

Cover image for Pizza Delivary Website Using React
Saibal Sekhar Maity
Saibal Sekhar Maity

Posted on

Pizza Delivary Website Using React

“STORE LISTING ASSIGNMENT”

A local pizza store wants you to build a dynamic single web page for listing his store’s pizzas using React Framework.

Build a single listing page displaying the pizzas available.
Use this API (https://run.mocky.io/v3/ec196a02-aaf4-4c91-8f54-21e72f241b68) to get data.
Use dynamic loading and single page responsive design.
The page should have a header, footer, menu & main display area is generated with details such as
Image of the Pizza
Name
Description
Rating Stars
Price
Type (Vegetarian/Non Vegetarian)
‘ - Add +’ button :- On click of Add button, A customise popup will be opened, and user can select Add-on(sizes) and toppings of that particular item. Add-on and topping can be single/multiple select based on API response (“isRadio” key).
Customers can add more than one quantity.
User should have an option to sort based on ‘Price’ and ‘Rating’.
User should be able to toggle between Veg and NonVeg.
There will be two screens, one for listing pizzas, another for cart items.
All selected items with selected add-on/toppings and quantity will be displayed on the Cart screen. User can edit the quantity from the cart screen.
Bonus: Use Redux for managing API calls and data storage requirements.

In case you are unable to successfully complete the Assignment, you will be evaluated based on:

Understanding and attempts of UI and UX; other architectural/design patterns.
Coding standard and naming conventions.
Github Link--https://github.com/saibalsekhar29/Pizza_website-using_REACT/tree/master

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay