Udemy

React [2021] - The Full Stack Serverless eCommerce Course

Enroll Now
  • 353 Students
  • Updated 6/2021
4.4
(38 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Language
English
Taught by
Simple Coder
Rating
4.4
(38 Ratings)
6 views

Course Overview

React [2021] - The Full Stack Serverless eCommerce Course

Build a full-featured eCommerce app using React and serverless architecture.

*** The course is created in Typescript but it is definitely fine if you prefer Javascript ***

Build a full-featured eCommerce application using React and serverless architecture (Firebase, Cloud Functions, Firestore, Storage, Authentication, Hosting).

This is a learn-by-doing course, and at the end of this course, you will be able to build a full-fledged and performant eCommerce application.

Here are what the course will be covering.

  • React state management using Context API and hooks

  • Custom hooks

  • Sign up, sign in, reset password, and social media login

  • Authentication and authorization

  • Route protection, route management

  • How to separate the UI and the logic using custom hook

  • How to create an elegant reusable component (Button, Input, Tab, Pagination)

  • How to create an elegant reusable modal

  • How to effectively create and manage form (using react-hook-form)

  • Fully functional shopping cart

  • Full-featured checkout system with Stripe

  • How to save card/set default card on Stripe system

  • Create an admin area that user can manage products, manage orders, manage users

  • Pagination and tabs

  • Search functionality using Algolia search

  • How to apply pagination on the search results.

  • How to use Firebase Firestore as a database

  • How to integrate Firebase Cloud Functions as a backend.

  • How to save image on Firebase Storage

  • Secure Firestore

  • How to deploy the app using Firebase Hosting

*** The course is created in Typescript but it is definitely fine if you prefer Javascript ***

Course Content

  • 10 section(s)
  • 186 lecture(s)
  • Section 1 Introduction
  • Section 2 Build The Basic UI
  • Section 3 Add Authentication
  • Section 4 Protect Routes
  • Section 5 Admin Area: Manage Products
  • Section 6 Client Area: Add To Cart
  • Section 7 Client Area: Shipping Address
  • Section 8 Client Area: Checkout (With Stripe)
  • Section 9 Client Area: Order Pages
  • Section 10 Admin Area: Manage Orders

What You’ll Learn

  • State management in React using Context API and React Hooks
  • Authentication and Authorization
  • How to manage / protect routes in React
  • How to create pagination and tabs
  • How to create fully functional shopping cart
  • Full featured check out system with Stripe (credit/debit card)
  • Search system using Algolia search
  • How to create elegant reusable component
  • How to piece the serverless architecture (authentication, database, backend, storage) together
  • How to deploy React app
  • How to use Typescript in React


Reviews

  • A
    Ali Ezadkhaha
    5.0

    Thank you, your code is much clean and nice, you deserve the highest rating.

  • Y
    Yoo Pyong Soo
    5.0

    yes

  • K
    KYOYA OGASAWARA
    5.0

    Absolutely great course! He teaches us how to make a real life app thoroughly. Actually this is not a short course, but nothing is wasted. If you want to learn how to make a large react app, not just boring ToDoList, I highly recommend this course. Thank you!

  • S
    Sujit Mohanty
    2.5

    I didn't want to rate this course poorly as it is such a nicely done project and a very comprehensive course. I have also seen the instructor asking questions. The biggest problem is there are a lot of issue that you will encounter with the tooling that it will make it difficult to persist continuing. I encountered them and didn't get answers to overcome them. Also there are no lecture specific commits for such a large making the experience more challenging to follow

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed