Modify the UI of Restaurant Menu page - Githubissues

shivang1305 / swiggy

Food delivery application using react.js, where user can order food from any restaurant to their home.

https://foodymonk.netlify.app/

5 stars 3 forks source link

Modify the UI of Restaurant Menu page #14

Open shivang1305 opened 10 months ago

shivang1305 commented 10 months ago

Add the veg filter on the page.
Add the veg/non-veg icon over every menu item.
Get all the data of menu items from the backend.
Categorize the data (like Recommended, Bestseller, etc.) in the accordions.
Make the accordions collapsable by lifting the state to the parent component.
Show the rating of the menu item wherever applicable.
Show the bestseller tag on the menu item wherever applicable.
Show all the offers applicable to the restaurant in a separate component.
Add the browse menu dialog box component.

shivang1305 commented 10 months ago

The Veg/Non-Veg icon is added to each menu item based on the data coming from the API.
Made the category accordions to categorize the menu items based on the data coming from the backend API and made them collapsable (toggle) on click.

shivang1305 commented 10 months ago

Recommended or Bestseller tags are added to respective menu items.

shivang1305 commented 9 months ago

Pure Veg filter is the only pending feature on the Restaurant Menu page.