Build a Pet Hotel Web App with React, GraphQL, NodeJS and SQL, MongoDB or Firebase using ScaffoldHub



Learn how to build a Pet Hotel web application with React, GraphQL, NodeJS, SQL, MongoDB or Firebase Firestore using ScaffoldHub.

You must have credits at ScaffoldHub to be able to generate the application of this course.

You can see the end result of the course here: https://reactpethotel.com.

The course uses ScaffoldHub.io (https://scaffoldhub.io) 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.

DEMO: https://reactpethotel.com
WEBPAGE: https://scaffoldhub.io/courses/react-pet-hotel
CODE: https://github.com/felipepastorelima/react-pet-hotel

⭐️Course Contents ⭐️

(0:00:00) Introduction
(0:02:13) Demo App
(0:12:26) Modeling
Code: https://github.com/felipepastorelima/react-pet-hotel/tree/master/1-Project
(0:25:05) Setup and Deploy – Frontend
(0:34:54) Setup and Deploy – Backend (SQL version)
(0:45:20) Setup and Deploy – Backend (MongoDB version)
(0:52:45) Setup and Deploy – Backend (Firebase Firestore version)
(0:56:53) Basics – Introduction
Code: https://github.com/felipepastorelima/react-pet-hotel/tree/master/2-Basics
(0:57:27) Basics – Javascript and NodeJS
(1:13:39) Basics – React
(1:20:49) Basics – Redux
(1:40:02) Basics – React Router
(1:42:54) Basics – Formik and Yup
(1:53:28) Basics – GraphQL
(2:00:00) Basics – SQL and Sequelize
(2:09:53) Basics – MongoDB and Mongoose
(2:17:20) Basics – Firebase Firestore
(2:24:20) Customizations – Introduction
Code: https://github.com/felipepastorelima/react-pet-hotel/tree/master/3-Cutomizations
(2:30:32) Customizations – Themes, Images and Icons
(2:38:16) Customizations – User roles: Manager, Employee and Pet Owner
(2:55:52) Customizations – New users start as pet owners
(2:57:25) Customizations – First page is New Pet (when none) or Bookings
(3:06:51) Customizations – Pet Owners can only see their pets
(3:44:32) Customizations – Booking statuses as constraints
(3:48:43) Customizations – Pet Owners can only see their bookings
(4:01:02) Customizations – Pet can only be deleted if it has no bookings
(4:05:46) Customizations – Pet Owners can only edit bookings at Booked status
(4:18:20) Customizations – View bookings for individual pet
(4:22:37) Customizations – Booking Form – Owner and Pet
(4:37:51) Customizations – Booking Form – Employees – Can only edit if status is not Cancelled or Completed
(4:40:59) Customizations – Booking Form – Employees – Can return status to Booked
(4:44:35) Customizations – Booking Form – Employees – Employee Notes, Photos, Cancellation Notes and Receipt
(4:48:34) Customizations – Booking Statuses with different colors
(4:54:02) Customizations – Manager can set daily fee and capacity
(5:03:16) Customizations – Booking Arrival and Departure unifed as Period
(5:21:45) Customizations – Validate Pet Hotel not full at period
(5:46:05) Customizations – Filter periods using intersection
(5:56:01) Customizations – Fee calculation
(6:15:47) Customizations – Only Managers can register Employees and other Managers
(6:40:41) Customizations – Sending photos and notes via email to the pet owners
(7:03:56) Customizations – Internationalization

11 thoughts on “Build a Pet Hotel Web App with React, GraphQL, NodeJS and SQL, MongoDB or Firebase using ScaffoldHub”

Leave a Comment