React Pizza Shop – Ordering Food with Hooks and Firebase

React Pizza Shop – Ordering Food with Hooks and Firebase, available at $49.99, has an average rating of 4, with 45 lectures, based on 246 reviews, and has 1332 subscribers.

You will learn about Cutting-edge React Development with React Hooks : useState, useEffect and your own custom hooks Build a Complete Pizza Ordering Application for Customizing Restaurant Orders and Emailing Users Beautiful UI Development from Scratch with Food Grids, Popup Dialogs, Buttons, Input Controls and more Styled-components : The hottest CSS-in-JS library featuring CSS animations and extendable component styling Authenticate Users with Google to Login and Logout Firebase Realtime Database : Save pizza orders on Google's Serverless Data Platform Firebase Functions and Nodemailer: Respond to order generation by emailing users their order Ecommerce Patterns : Adding, Removing and Editing Orders, Calculating Tax and Totals for Dynamic Food Items Hosting : Deploy your app on the web with Firebase Hosting This course is ideal for individuals who are Students learning React and Web Development looking for a professional course at an intermediate to advanced level. It is particularly useful for Students learning React and Web Development looking for a professional course at an intermediate to advanced level.

Enroll now: React Pizza Shop – Ordering Food with Hooks and Firebase

Summary

Title: React Pizza Shop – Ordering Food with Hooks and Firebase

Price: $49.99

Average Rating: 4

Number of Lectures: 45

Number of Published Lectures: 43

Number of Curriculum Items: 45

Number of Published Curriculum Objects: 43

Original Price: $34.99

Quality Status: approved

Status: Live

What You Will Learn

Cutting-edge React Development with React Hooks : useState, useEffect and your own custom hooks
Build a Complete Pizza Ordering Application for Customizing Restaurant Orders and Emailing Users
Beautiful UI Development from Scratch with Food Grids, Popup Dialogs, Buttons, Input Controls and more
Styled-components : The hottest CSS-in-JS library featuring CSS animations and extendable component styling
Authenticate Users with Google to Login and Logout
Firebase Realtime Database : Save pizza orders on Google's Serverless Data Platform
Firebase Functions and Nodemailer: Respond to order generation by emailing users their order
Ecommerce Patterns : Adding, Removing and Editing Orders, Calculating Tax and Totals for Dynamic Food Items
Hosting : Deploy your app on the web with Firebase Hosting

Who Should Attend

Students learning React and Web Development looking for a professional course at an intermediate to advanced level.

Target Audiences

Students learning React and Web Development looking for a professional course at an intermediate to advanced level.

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Beginner Setup

Lecture 2: create-react-app

Lecture 3: Welcome to Sliceline

Lecture 4: Source Code

Lecture 5: React Hooks Examples

Chapter 2: Global Styles

Lecture 1: Remove boilerplate

Lecture 2: What are styled-components?

Lecture 3: createGlobalStyle

Lecture 4: Google Fonts

Chapter 3: Navbar and Banner

Lecture 1: Navbar

Lecture 2: Banner

Lecture 3: CSS Filters

Chapter 4: FoodGrid

Lecture 1: FoodGrid

Lecture 2: Food Sections

Lecture 3: CSS Transitions

Lecture 4: Cleanup App

Chapter 5: React Hooks – FoodDialog and Orders

Lecture 1: useState example

Lecture 2: Food Dialog

Lecture 3: Order

Lecture 4: Flexbox Direction Column

Lecture 5: DialogButton and Order Layout

Lecture 6: Review

Lecture 7: Orders Hooks

Lecture 8: List Orders

Lecture 9: Price

Lecture 10: Favicon and useTitle

Lecture 11: Quantity

Lecture 12: Total

Lecture 13: Toppings

Lecture 14: Choices

Lecture 15: Edit & Delete Orders

Chapter 6: Firebase

Lecture 1: Important Notice about Firebase Functions

Lecture 2: Firebase Install

Lecture 3: Firebase Auth

Lecture 4: Firebase Auth part 2

Lecture 5: Quick warning about next lecture

Lecture 6: Firebase Realtime Database

Lecture 7: Order Confirmation Dialog

Lecture 8: Firebase Gmail Setup

Lecture 9: Firebase Functions / Nodemailer email

Lecture 10: You did it!

Chapter 7: Mobile Responsiveness

Lecture 1: Mobile Responsiveness with Media Queries

Chapter 8: Bonus Content

Lecture 1: Bonus Lecture

Instructors

react.school _
React Project Tutorials

Rating Distribution

1 stars: 6 votes
2 stars: 7 votes
3 stars: 34 votes
4 stars: 71 votes
5 stars: 128 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu