React Pizza Shop - Ordering Food with Hooks and Firebase

Build a Tasty Restaurant Ordering App with React Hooks, Firebase, and Styled-Components. Mamma Mia!

   Watch Promo

Welcome to React Pizza Shop. Here’s what we’ll be building: A pizza ordering system with multiple types of foods and editable popup dialogs to customize your order with delicious items from a menu. We'll add interactivity with a variety of custom React Hooks. After authenticating with a Google account, we’ll send this order to Firebase Realtime database and a serverless Firebase function will send your user an email confirmation of their order.

This course is intended for intermediate React developers looking for a fun project to practice React Hooks and/or learn Firebase. The full source code is provided. If you have any questions throughout the course, do not hesitate to reach out.

Here's just some of the features included in this 5+ hour course:

  • React with Hooks
    • useState, useEffect
    • Build custom hooks to control input elements, authentication, dialogs and more
  • Beautiful UI Development
    • Styled-components
    • Popup Dialogs
    • Buttons, Inputs, Checkboxes
    • Adding Stock Photos
  • Flexbox and CSS grids
  • CSS animations
  • Google Fonts
  • create-react-app boilerplate
    • Starting from scratch
    • Building for production
  • Firebase
    • Deploying your site with Hosting
    • Authenticating users with Google, logging them in and out
    • Realtime Database to track food orders
    • Functions to respond to orders
  • Ecommerce Ordering
    • Adding, Removing Editing orders
    • Calculating tax and totals of orders
    • Dynamic food items
  • Emailing orders with Node.js and Nodemailer
  • Favicon app icon
Who this course is for:
  • Students learning React and Web Development looking for a professional course at an intermediate to advanced level.


Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.

This course is closed for enrollment.