Build a Real Time Chat App With React + NestJS + GraphQL - Michael Guay

Course Curriculum

Start Next Lesson Introduction

Introduction

React UI Setup

Create React App & Material UI

React Router DOM & Auth UI

NestJS Backend Setup & Users GraphQL CRUD

NestJS Setup & Users Resource

Abstract Repository

Users Repository & GraphQL CRUD - Part 1

Users Repository & GraphQL CRUD - Part 2

Validation, Logging, & Config Cleanup

Database Migrations

Update User Bug

Apollo Client

Apollo Client Setup

Backend Authentication

Passport & Local Strategy

Apply Local Strategy

JWT Strategy - Part 1

JWT Strategy - Part 2

Apply GQL Auth Guard

UI Authentication

Auth Validation - Part 1

Auth Validation - Part 2

Header

Header - Part 1

Header - Part 2

Authentication State

Snackbar

Chat List

Conditional Rendering

Create Chat Backend

GraphQL Type Generation & Create Chat UI

Add Chat Cleanup

Chat UI

Chat UI - Part 1

Chat UI - Part 2

Messages

Create Message Backend

Create Message UI

Update Messages Cache

Responsiveness

Subscriptions

Backend Subscriptions

UI Subscriptions

Subscription Auth & Context

Update Messages Cache

Aggregation

Messages Aggregation

Chats Aggregation

Latest Message Cache

Multiple Messages Subscriptions

Pagination

Chats Backend Pagination

Chats UI Pagination

Messages Backend Pagination

Messages UI Pagination & Cleanup

File Upload

Backend File Upload

User Profile Image Backend

User Profile Image UI

AWS Production Deployment

Elastic Beanstalk

Code Pipeline CI/CD

MongoDB Atlas & App Updates

SSL Certificate

CORS & App Cleanup

Leave a Reply Cancel reply