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)
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
Rating
Enrollment distribution
5301028
udemy ID
4/30/2023
course created date
1/24/2024
course indexed date
Bot
course submited by