Skip to content

KhalidHassan218/Pizza-Hut-full-website

Repository files navigation

Description

Built 95% Pizza Hut Cloned Website that has different style for each screen and has full menu , detecting location , unique loaders , routing , Cart , all meals ,deals and the ability to checkout and pay .

Thumbnail

Feel you are at the famous pizza hut website but do not try to pay , it is not the real website , stay focused 😅😅😅

✅✅✅ used : NEXTJS , CSS3 , HEADLESS CMS SANITY FOR MENU ITEMS , PAYMENT WITH STRIPEAPI ✅✅✅

Demo

Live view by clicking the badge: Vercel Status

You can also clone the project and open it in localhost, or enjoy the preview video below instead 😄

First Video : Showing the Home page where you can pickup your order or by delivery with detecting your loaction feature using geolocationAPI

pizza.1.mp4

Second Video : Showing the menu page that all pizza Hut items is there , well organized , and how simpile to search for any item

pizza.2.mp4

Third Video : Showing the ordering process , in this case I have chosen the My-Box Meal with some Pizzas and added them to cart

pizza.3.mp4

Fourth Video : adding and removing from the cart , heading to checkout

pizza.4.mp4

Fifth Video : Payment By StripeApi , CANCEL PAYMENT

pizza.5.mp4

sixth Video : Responsive , Mobile Screen

pizza.7.mp4

Contribution

To contribute to this project please check out the contribution guidelines.

Prerequisits

Before cloning/forking this project, make sure you have the following tools installed:

Installation

  1. Fork the project
  2. Clone the project
  3. Follow the instructions in the console:
  4. Navigate to the project directory cd sos-animals
  5. Install the dependencies npm install
  6. Run the project npm start

Contributors