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.

4.78 (41 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Build a Real Time Chat App With React + NestJS & GraphQL
516
students
14 hours
content
Apr 2024
last update
$54.99
regular price

What you will 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

Why take this course?

šŸŒŸ **Course Title:** Build a Real Time Chat App With React + NestJS & GraphQL **Headline:** šŸš€ Build a full-stack, scalable, production-grade web app following best practices. Includes continuous delivery on AWS! --- **Course Overview:** In this comprehensive course, we're not just scratching the surface or following tutorials for a simple project. We're diving deep into the world of full-stack web development, where you'll learn to build a real-world chat application from the ground up. This isn't your average "hello world" app; it's a robust, scalable, and production-ready application that you can be truly proud of. By the end of this journey, you'll have the skills to confidently develop your own full-stack web applications. --- **What You'll Learn:** - **Backend Development with NestJS:** šŸ¤– - Understand the core concepts and architecture of NestJS, a robust framework for building efficient and scalable server-side applications. - Implement clean-code HTTP APIs that serve as the backbone of your application. - **Database Integration with GraphQL & MongoDB:** šŸ“Š - Master CRUD operations using GraphQL, a powerful query language for APIs. - Learn to store and retrieve data using MongoDB, a NoSQL database designed for the needs of modern applications. - **Real-Time Features with WebSockets & GraphQL Subscriptions:** āš” - Implement real-time messaging functionality using WebSockets. - Set up GraphQL subscriptions to establish a persistent connection between the client and the server. - **Frontend Development with React & Material UI:** šŸ–„ļø - Create a responsive user interface using React, one of the most popular JavaScript libraries for building user interfaces. - Enhance your UI with Material UI, a React UI framework that implements Google's Material Design. - **State Management with Apollo Client:** šŸŽØ - Manage state in your React application using Apollo Client, which provides a comprehensive and flexible way to interact with GraphQL APIs. - Master data caching strategies to improve the performance of your app. - **Authentication with JWT & Passport:** šŸ”‘ - Secure your API endpoints using JSON Web Tokens (JWT) for secure HTTP header transmission. - Integrate PassportJS, an authentication middleware for Node.js, to handle user authentication and authorization. - **Continuous Delivery with AWS Elastic Beanstalk & Amplify:** šŸŒ - Deploy your application onto AWS Elastic Beanstalk, an easy-to-use service for deploying and scaling web applications. - Utilize AWS Amplify to add cloud capabilities to your application with just a few lines of code. - Set up a continuous delivery (CI/CD) pipeline to automate the deployment process each time you push new code changes. --- **By the end of this course, you will:** - Have built a fully functional chat application from scratch. - Understand the architecture and implementation of NestJS for backend development. - Be proficient in using GraphQL and MongoDB for your data layer. - Know how to set up real-time communication using WebSockets in your frontend. - Have experience with state management using Apollo Client in a React application. - Have secured your application using JWT authentication. - Have deployed your application on AWS and managed continuous delivery through a CI/CD pipeline. šŸŽ‰ **Get ready to level up your full-stack development skills!** šŸŒˆ Join Michael Guay, an experienced instructor, on this exciting learning path and embark on your journey towards becoming a full-stack web developer. Let's build something amazing together! šŸš€šŸ’»āœØ

Reviews

Thang
February 28, 2024
great course, it would be better if the author indicates the major versions of each libraries when npm.
Alex
February 19, 2024
Great course. Contains the entire full-stack development workflow, including front-end and AWS deployment, which was important to me. I recommend this course. Thank you.

Charts

Price

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

Rating

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

Enrollment distribution

Build a Real Time Chat App With React + NestJS & GraphQL - Distribution chart
5301028
udemy ID
4/30/2023
course created date
1/24/2024
course indexed date
Bot
course submited by