Time to enjoy your delicious pizza :)
View Demo
·
Report Bug
·
Request Feature
This is a single page application to simulate pizza ordering page.
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.
- 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.
This project developed with Vanilla JS and styled with Tailwindcss.
Birkan Yılmaz - @twitter - birkanyilmaz41@gmail.com
Project Link: https://github.com/birkaany/food-order-page/