React Pizza Shop - Ordering Food with Hooks and Firebase, Build a Tasty Restaurant Ordering App with React Hooks, Firebase, and Styled-Components. Mamma Mia!
Created by react.school _
English
English [Auto-generated]
PREVIEW THIS COURSE - GET COUPON CODE
Description
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
More Courses by react.school _
Learn industry secrets of building beautifully fast dashboards with React, Context API, styled-components & CSS Grid.
Build an Image Gallery app with React, React Router and styled-components, mastering CSS Grid with over 100 examples!