OpenCourser
Learn skills that shape your future
Visit OpenCourser.com
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.
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
Hi everyone!
It seems that to use Firebase Functions you now must be on the paid plan. This was not the case when I recorded these videos. But the good news is that as long as you stay within limits, you will only be charged $0.026 / GB of container storage per month.
As you can see, most of Firebase Function features are still free once you upgrade with the exception of the very small charge I mentioned above: https://firebase.google.com/pricing
Read this thread here for more information: https://stackoverflow.com/questions/62824043/is-function-cloud-in-firebase-free-or-not-cloud-functions-deployment-requires-t
Sorry for the inconvenience here.
-Lucas
-------------------------------------
Why will I need a billing account to use the Node.js 10 runtime for Cloud Functions for Firebase?
Because of updates to its underlying architecture planned for August 17, 2020, Cloud Functions for Firebase will rely on some additional paid Google services: Cloud Build, Container Registry, and Cloud Storage. These architecture updates will apply for functions deployed to the Node.js 10 runtime. Usage of these services will be billed in addition to existing pricing.
In the new architecture, Cloud Build supports the deployment of functions. You'll be billed only for the computing time required to build a function's runtime container.
Cloud Storage, interoperating with Google Container Registry, will provide storage space for the containers in which functions run. You'll be billed for each container required to deploy a function. If you're currently using Cloud Functions within free usage limits, you may notice new, small charges for each container stored— for example, 1GB of storage is billed at $0.026 per month.
To understand more about how your bill might change, please review the following
Cloud Functions pricing: existing free tier is unchanged.
Cloud Build pricing: Cloud Build provides for a free tier.
Container Registry pricing.
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Save
Verified partner policies & purchase protections
Free preview video lectures available for all courses; optional 7-day free trial on Personal Plan subscriptions (cancel before trial ends to avoid conversion).
30-day money-back guarantee on all eligible individual course purchases (provided course content has not been substantially consumed or downloaded). Subscription fees are non-refundable once billed.
Lifetime access to purchased individual courses and future updates, verifiable certificate of completion, and direct student Q&A forums.
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
