Build a Pet Hotel web app with React

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

Description

The course uses the React 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

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

Setup and Deploy (Google Cloud/Firebase)

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

Basics

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

Customizations

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