Udemy

Build a Real Time Chat App With React + NestJS & GraphQL

Enroll Now
  • 1,798 Students
  • Updated 6/2024
4.4
(153 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
13 Hour(s) 50 Minute(s)
Language
English
Taught by
Michael Guay
Rating
4.4
(153 Ratings)
2 views

Course Overview

Build a Real Time Chat App With React + NestJS & GraphQL

Build a full-stack, scaleable, production grade web app following best practices. Includes continuous delivery on AWS.

In this course, we go beyond the documentation & small simple starter apps to build a real-world full-stack chatting application. This application is built from the ground up to be scaleable & production-grade. The goal of the course is for you to be comfortable developing full-stack web apps so you can develop your own afterward.

We use a NestJS backend, a popular Node.js library that allows us to quickly create clean-code HTTP APIs. Our CRUD functionality will be served by a GraphQL API that persists data using a MongoDB database. We'll use this same GraphQL API to create our messaging subscription which allows for WebSocket connection to our UI to facilitate messaging. Of course, everything will be secured with industry-standard JWT auth.

On the UI we will create a React App using the beautiful Material UI to easily create a responsive UI and interact with our backend. We'll choose Apollo Client for state management so we can easily interact with our GraphQL API & cache data.

Finally, all of this will be deployed onto AWS Elastic Beanstalk & Amplify. Backed by a continuous delivery CI/CD pipeline, whenever we push code our latest changes will get built & deployed to our environment of choice.

By the end of the project, you will have learned everything you need to get started in building & deploying your very own production-grade web apps!

Course Content

  • 10 section(s)
  • 75 lecture(s)
  • Section 1 Introduction
  • Section 2 React UI Setup
  • Section 3 NestJS Backend Setup & Users GraphQL CRUD
  • Section 4 Apollo Client
  • Section 5 Backend Authentication
  • Section 6 UI Authentication
  • Section 7 Header
  • Section 8 Snackbar
  • Section 9 Chat List
  • Section 10 Chat UI

What You’ll Learn

  • Build & deploy a real-time messaging web application
  • Implement JWT authentication on the backend & UI
  • Use Material UI to develop a consistent & responsive UI
  • Develop a GraphQL API for CRUD functionality
  • Save data using MongoDB & the Abstract Repository pattern
  • Execute automatic DB migrations
  • Use Apollo Client to manage UI state & cache application data
  • Use GraphQL WebSocket Subscriptions to publish & consume messages in real time
  • Custom UI routing with React Router
  • Use code generation tools to automatically generate types from GraphQL schema
  • Implement server-side pagination to implement infinite scrolling
  • Use MongoDB aggregation to perform single operation lookups & DB calls
  • File upload to Amazon S3
  • Production deployment to AWS all on free-tier
  • Continuous Delivery & CI/CD
  • Connect a Pub/Sub app to Redis to allow for distributed messages & horizontal scaling
  • Connect a app to a custom domain & secure HTTPS traffic

Reviews

  • D
    David Galera Alfaro
    5.0

    Outstanding course and instructor, I learned a LOT about NestJS, Apollo and even TS. Next is NestJS microservices course!

  • K
    Kei Blokhin
    5.0

    Good course

  • R
    Radulescu Stinga Iulian Daniel
    1.0

    When you decided to add GraphQL you sealed the fate of the course. Is awful. I didn't come here to learn about something else!!!

  • H
    Hamza Ali
    5.0

    This course is helpful nest + graphql.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed