Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
4 Hour(s) 48 Minute(s)
Language
English
Taught by
react.school _
Rating
1 views
Course Overview
Build a Tasty Restaurant Ordering App with React Hooks, Firebase, and Styled-Components. Mamma Mia!
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 Content
- 8 section(s)
- 43 lecture(s)
- Section 1 Introduction
- Section 2 Global Styles
- Section 3 Navbar and Banner
- Section 4 FoodGrid
- Section 5 React Hooks - FoodDialog and Orders
- Section 6 Firebase
- Section 7 Mobile Responsiveness
- Section 8 Bonus Content
What You’ll 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
Skills covered in this course
Reviews
-
TTao Zeng
This is a really awesome course!! I'm a Vue developer and trying to learn React.js at the same. The course is good enough for me to take advantage of React and get started with my own business. Highly recommended!
-
MMohammad Manzoor Alam
I would recommend all to attend this course. Its really give you idea, how to build eCommerce app
-
JJordan Beque
Fantastic course! Everything is well-explained and questions are answered quickly.
-
KKevin Terry
Got to the Firebase section and honestly was very unimpressed. It was extremely confusing. Not sure if it's because firebase has been updated but I wasn't able to get the database part of firebase to work correctly and that was the whole reason I bought the course. This course is not for the faint of heart. You will learn use styled components until you are blue and the face and then get very confused on the firebase section. There is a lot of times where the instructor just pastes in a bunch of code.
