Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

React Pizza Store 🍕 🍕 🍕

A simple front-end pizza store built using React, Semantic UI React and a dash of Stripe Elements. I did this project to get more comfortable with React. View demo.


  • Postcode validator on Home page - only accepts one postcode for now, 'LDN 123', but this can be expanded in the future.
  • Shopping cart - see and edit your order.
  • Checkout page - for the purposes of this demo website, you can click on 'Fill with fake customer' to populate fields. Stripe Elements was used to create the Payment section's UI (unfortunately pre-filling info is a big no-no here), but clicking 'Use test card' will pop up a modal with details from a test card that you can copy & use.
  • Order confirmation page displays customer's first name and address and a button to start the fun all over again.

Bugs to squash 🐛

  • Payment page: 'Payment' button requires two clicks before it proceeds to Confirmed page. This has to do with the way the customer details and payment details form validation is currently wired.
  • Page routing: Users shouldn't be able to go 'back' to checkout page once they're on the order confirmation page.

Features to add/improve 🔮

  • Data currently persists thanks to local storage magic. It really should be hooked up to an external database like Firebase.
  • Login via Auth0 and create customer accounts.
  • Collect payment token via Stripe elements (right now it just displays UI and doesn't have any functionality).
  • Option to order a customised pizza.
  • Filter pizzas for dietary requirements: vegan, vegetarian, dairy-free etc.

Get up and running 🚀

yarn install
yarn start
yarn test
yarn build


React pizza store



No releases published


No packages published
You can’t perform that action at this time.