Course

Build a Pet Hotel web application with React, GraphQL, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub

Description

The course uses the React Antd scaffold to create the initial application and then we deploy it in the cloud. After we explain the basics of Javascript, React, Redux, React Router, Formik and Yup. GraphQL, Sequelize (SQL), Mongoose (MongoDB) and Firebase Firestore, and finally, how the application is customized to attend all the Pet Hotel needs.

Introduction

Introduction (0:00:00)
Demo App (0:02:13)
Modeling (0:12:26)

Setup and Deploy (Google Cloud/Firebase)

Setup and Deploy - Frontend (0:25:05)
Setup and Deploy - Backend - SQL version (0:34:54)
Setup and Deploy - Backend - MongoDB version (0:45:20)
Setup and Deploy - Backend - Firebase Firestore version (0:52:45)

Basics

Basics - Introduction (0:56:53)
Basics - Javascript and NodeJS (0:57:27)
Basics - React (1:13:39)
Basics - Redux (1:20:49)
Basics - React Router (1:40:02)
Basics - Formik and Yup (1:42:54)
Basics - GraphQL (1:53:28)
Basics - SQL and Sequelize (2:00:00)
Basics - MongoDB and Mongoose (2:09:53)
Basics - Firebase Firestore (2:17:20)

Customizations

Customizations - Introduction (2:24:20)
Customizations - Themes, Images and Icons (2:30:32)
Customizations - User roles: Manager, Employee and Pet Owner (2:38:16)
Customizations - New users start as pet owners (2:55:52)
Customizations - First page is New Pet (when none) or Bookings (2:57:25)
Customizations - Pet Owners can only see their pets (3:06:51)
Customizations - Booking statuses as constraints (3:44:32)
Customizations - Pet Owners can only see their bookings (3:48:43)
Customizations - Pet can only be deleted if it has no bookings (4:01:02)
Customizations - Pet Owners can only edit bookings at Booked status (4:05:46)
Customizations - View bookings for individual pet (4:18:20)
Customizations - Booking Form - Owner and Pet (4:22:37)
Customizations - Booking Form - Employees - Can only edit if status is not Cancelled or Completed (4:37:51)
Customizations - Booking Form - Employees - Can return status to Booked (4:40:59)
Customizations - Booking Form - Employees - Employee Notes, Photos, Cancellation Notes and Receipt (4:44:35)
Customizations - Booking Statuses with different colors (4:48:34)
Customizations - Manager can set daily fee and capacity (4:54:02)
Customizations - Booking Arrival and Departure unifed as Period (5:03:16)
Customizations - Validate Pet Hotel not full at period (5:21:45)
Customizations - Filter periods using intersection (5:46:05)
Customizations - Fee calculation (5:56:01)
Customizations - Only Managers can register Employees and other Managers (6:15:47)
Customizations - Sending photos and notes via email to the pet owners (6:40:41)
Customizations - Internationalization (7:03:56)