Ahmed-Abou-Emran / pizza-hum

Pizza Hum is a web application that allows users to order pizzas online.

Pizza Hum - Pizza Order Web Application

Pizza Hum is a web application that allows users to order pizzas online. Users can easily navigate through the application to view the menu, add items to the cart, update quantities, provide delivery information, and track the order's progress. The application also supports searching for previous orders.

Table of Contents

• Introduction
• Features
• Usage
• Technologies and Packages Used
• Acknowledgement

Introduction

Pizza Hum is a user-friendly pizza ordering web application that provides a seamless experience for customers to place their pizza orders online. By utilizing the application, users can browse the menu, customize their pizzas, and conveniently track the delivery progress.

Features

• Landing Page: Users are greeted with a landing page where they can enter their name before proceeding to order.

  

• View Menu: Users can explore the pizza menu, and adding Items to cart with the desired qunatity.

• Cart Management: Users can open their cart to view all the selected items and make adjustments to the quantities or remove items if needed.

  

• Order Placement: Customers can proceed with the order, provide delivery information, and even use geolocation API to get their current location.

  

• Order Queue and Searching Previous orders: Once the order is placed, users can view the estimated remaining time for delivery and track its progress and search for previous orders.

Usage

1. Upon accessing the application, users will be directed to the landing page, where they need to enter their name.

2. Next, users can browse the menu and add their desired pizza items to the cart by specifying the quantity.

3. Users can open the cart to view all the selected items, make adjustments, or remove items as necessary.

4. After finalizing the order in the cart, users can proceed to provide delivery information, including their location through the geolocation API.

5. Once the order is placed, users can track its progress, viewing the estimated remaining time for delivery.

6. Users can also search for previous orders using the order history feature.

Technologies and Packages Used

• React
• Tailwind CSS
• React Router
• React Redux and Redux Toolkit
• Framer Motion
• Geolocation API

Acknowledgement

This project is part of the "Ultimate React Course" taught by Jonas Schmedtmann. You can find the course here.