Pizza Web Application

Aneis Sofea

0

Frontend Engineer

Web Developer

Figma

Material UI

React

Introduction

Our intuitive and user-friendly Pizza Ordering Web App allows customers to easily browse and order their favorite pizzas with just a few clicks. The user page features an interactive cart where users can update their order in real-time, ensuring a seamless and customizable experience. On the admin side, the app provides an efficient way for restaurant staff to manage and update menu items, keeping the offerings fresh and relevant. Designed with a focus on simplicity and accessibility, the UI ensures that both customers and administrators can easily navigate and interact with the app. Whether you're craving a classic pizza or looking to try something new, this app makes pizza ordering quick, easy, and enjoyable.

Users page

User page
User page
This page is for visitors, it got hero section to introduce visitors about this page. It has the logo, navigation header, and "Cart" button at the top. In the "Menu" section, the choice of menus is displayed with thumbnail image, name, description, price, and "Add to cart" button for ease of use.
"Admin" button is for switching to Admin page.
Cart modal
Cart modal
Cart modal will pop up when clicking the "Cart" button at the top, to display the items that visitors have added to their cart. Visitors can also adjust the quantities in the cart.

Admin page

Admin page is almost similar page to User page. It has "Add Food Item" at the top for Admin to add a new menu item. And in the menu section, Admin can delete the items that they're not serving anymore using "Delete" button. This action of adding and deleting menu items will automatically update in the user page, per session.
"User" button is for switching to User page.
Add Menu Modal
Add Menu Modal
"Add Menu" modal will pop up when clicking on the "Add Menu" button. Admin will be able to name, put description and price, and also included thumbnail image for the food item.
Like this project
0

Posted Dec 4, 2024

Our intuitive and user-friendly Pizza Ordering Web App allows customers to easily browse and order their favorite pizzas with just a few clicks.

Likes

0

Views

1

Tags

Frontend Engineer

Web Developer

Figma

Material UI

React

404 (Error) Page Design
404 (Error) Page Design
Light/Dark Mode Portfolio
Light/Dark Mode Portfolio
Brand News: Personalized News with Seamless Authentication
Brand News: Personalized News with Seamless Authentication