Skip to main content
Web & Full-Stack DevelopmentUdemy2024-6 Edition100% Free Video Course

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

Build a Real Time Chat App With React + NestJS & GraphQL, 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!

5.0
(3 reviews)
37 Hours On-Demand
Created by Senior Industry Specialist
Uploaded Sep 2026
English
Build a Real Time Chat App With React + NestJS & GraphQL
Preview This Course
Free$129.99100% Free

Instant high-definition streaming with zero paywalls.

Course Features:
37 hours on-demand video
72 complete lectures
1 downloadable project zip file(s)
Streamable on mobile, tablet & desktop
Self-paced curriculum with progress tracking
Direct MP4 downloads & offline video access
Verified course archives hosted on cloud infrastructure.

What You'll Master in this Course

Master practical concepts and hands-on skills in Web & Full-Stack Development
Complete 72 video lectures with real-world examples and workflows
Build confidence with step-by-step instructions from industry experts
Access downloadable course resources and exercise files

Course Curriculum72 Lectures

17 sections • 37 hours total length

Prefer offline learning? Download all 72 video lectures and project files for free.
Download Free

Requirements

  • Experience with Node/Express backends, preferably NestJS & TypeScript
  • Experience with building React UIs

Description

Build a Real Time Chat App With React + NestJS & GraphQL, 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!

Instructor

S

Senior Industry Specialist

Specialist in Web & Full-Stack Development

Passionate educator focused on real-world practical skills, modern frameworks, and production-ready engineering practices. Delivering step-by-step masterclasses accessible to learners globally on MJ Accedemy.

Recommended Curriculum

Students Also Viewed