Pizza Time - Order Page

Time to enjoy your delicious pizza :)

View Demo · Report Bug · Request Feature

About The Project

This is a single page application to simulate pizza ordering page.

Design

On this project, I used a community figma design as reference. Then I expanded the design by adding cart section, checkout modal and mobile version.

Features

• Menu items are getting rendered when the page loaded. Thanks to data.js, you can add as many pizza as you want.
• Each pizza can be added to cart only once via "Add to cart" and then you can increase the amount by plus button inside the cart section.
• Cart has an indicator that shows total pizza amount in your cart.
• You can proceed to payment if you have at least one pizza in your cart and fill out the checkout form to complete your order.

Built With

This project developed with Vanilla JS and styled with Tailwindcss.

Contact

Birkan Yılmaz - @twitter - birkanyilmaz41@gmail.com

Project Link: https://github.com/birkaany/food-order-page/