GraphQL from Scratch with MERN Stack

Course Curriculum

Chapter 1: Introduction

Lecture 1: Are you new to JavaScript React and NodeJs?

Lecture 2: Course Introduction

Lecture 3: What is GraphQL?

Lecture 4: Trying GraphQL Playground

Lecture 5: GraphQL vs REST

Lecture 6: About the course

Chapter 2: GraphQL Node Server, Type Definitions and Resolvers

Lecture 1: Express server

Lecture 2: GraphQL server

Lecture 3: GraphQL express server

Lecture 4: Deprecated warning – merge-graphql-schemas

Lecture 5: Multiple typeDefs

Lecture 6: Multiple resolvers

Lecture 7: Mongo atlas setup

Lecture 8: Local mongodb connection

Lecture 9: Post query

Lecture 10: Post mutation

Lecture 11: Input type and query variables

Chapter 3: GraphQL React Client and Query Hooks

Lecture 1: React setup

Lecture 2: GraphQL query

Lecture 3: useQuery hook

Lecture 4: useLazyQuery hook

Chapter 4: Authentication with Firebase and React (Client Side)

Lecture 1: Firebase auth flow

Lecture 2: Firebase setup

Lecture 3: State management with context and reducer hooks

Lecture 4: Using dispatch context and router hooks

Lecture 5: Navbar

Lecture 6: React router version

Lecture 7: React router

Lecture 8: User register form

Lecture 9: Confirmation email using firebase

Lecture 10: Toast notification and loading

Lecture 11: Complete registration form

Lecture 12: Register with email and password

Lecture 13: Dispatch user info to context state

Lecture 14: User onAuthStateChanged

Lecture 15: Logout from firebase

Lecture 16: Login with firebase

Lecture 17: Login with google

Chapter 5: Authentication with Firebase Node MongoDB (Server Side)

Lecture 1: Server auth logic

Lecture 2: GraphQL auth logic

Lecture 3: GraphQL req headers auth logic

Lecture 4: Firebase admin verify authtoken

Lecture 5: Apollo client authtoken in headers

Lecture 6: User model

Lecture 7: User create typeDefs

Lecture 8: User create mutation

Lecture 9: Create or update user in mongodb

Lecture 10: Mutation from apollo client

Lecture 11: User update or create in login

Lecture 12: Reusable auth form

Lecture 13: Code refactor in login and register complete

Chapter 6: User Dashboard

Lecture 1: What is next?

Lecture 2: Private route

Lecture 3: Dashboard with static nav

Lecture 4: Dashboard pages and nav links update

Lecture 5: Password forgot

Lecture 6: Password update form

Lecture 7: Password update with firebase

Lecture 8: Code refactoring typeDefs

Chapter 7: Public Profile

Lecture 1: User input and image types

Lecture 2: User update mutation

Lecture 3: User profile query

Lecture 4: Scalar type datetime

Lecture 5: Profile query apollo client

Lecture 6: useMemo hook

Lecture 7: Profile update form

Lecture 8: useMutation hook to update profile

Lecture 9: Remove typename from mutation

Lecture 10: GraphQL fragments

Lecture 11: Queries and mutations refactor

Chapter 8: Multiple Image Upload and Resize

Lecture 1: Cloudinary setup

Lecture 2: Upload flow and more middlewares

Lecture 3: Upload image to cloudinary

Lecture 4: Delete image and auth middleware

Lecture 5: Cloudinary config

Lecture 6: Image resize in react

Lecture 7: Cloudinary upload react

Lecture 8: Display images

Lecture 9: Delete image

Chapter 9: Code Refactor

Lecture 1: Code refactor profile form

Lecture 2: Code refactor image upload and delete

Lecture 3: Code refactor display images and delete

Lecture 4: Code refactor image component

Chapter 10: Public Routes

Lecture 1: Countdown to redirect

Lecture 2: Public route

Lecture 3: Public profile query and resolver

Lecture 4: All users query and resolvers

Lecture 5: useQuery hook all users

Lecture 6: User card component

Lecture 7: Public profile component