HOME > Development > GraphQL with React Node js Real Time Private Chat App

GraphQL with React Node js Real Time Private Chat App

  • Development
  • Apr 27, 2025
SynopsisGraphQL with React & Node js – Real Time Private Ch...
GraphQL with React Node js Real Time Private Chat App  No.1

GraphQL with React & Node js – Real Time Private Chat App, available at $64.99, has an average rating of 4.25, with 41 lectures, based on 59 reviews, and has 1558 subscribers.

You will learn about Discount is available! Use DISCOUNT500 coupon! GraphQL with Apollo Server Apollo Client v3 Prima v3 to interact with database Authentication and Authorization Material UI v 5 (MUI) WebSocket and GraphQL Subscriptions This course is ideal for individuals who are Who want to become GraphQL champion It is particularly useful for Who want to become GraphQL champion.

Enroll now: GraphQL with React & Node js – Real Time Private Chat App

Summary

Title: GraphQL with React & Node js – Real Time Private Chat App

Price: $64.99

Average Rating: 4.25

Number of Lectures: 41

Number of Published Lectures: 41

Number of Curriculum Items: 41

Number of Published Curriculum Objects: 41

Original Price: ?1,199

Quality Status: approved

Status: Live

What You Will Learn

  • Discount is available! Use DISCOUNT500 coupon!
  • GraphQL with Apollo Server
  • Apollo Client v3
  • Prima v3 to interact with database
  • Authentication and Authorization
  • Material UI v 5 (MUI)
  • WebSocket and GraphQL Subscriptions
  • Who Should Attend

  • Who want to become GraphQL champion
  • Target Audiences

  • Who want to become GraphQL champion
  • This course will get you up and running with GraphQL quickly, and teach you the core knowledge you need to deeply understand and build GraphQL application quickly using React and Node.js

    Authentication?you will learn it. Apollo client?included. Subscriptions?of course.

    In this course you’ll learn how to use GraphQL both on the server side and in client applications. You will be introduced to all the main GraphQL concepts like schema definition, Queries, Mutations, and Subscriptions, as well as to solution to common requirements such as handling authentication, authorization and client-side caching.

    This course will teach you –

  • What and why of GraphQL

  • Material UI v5 for neat & beautiful UI

  • Building GraphQL with Apollo Server

  • Apollo Client for server side state management

  • Authentication and Authorization

  • Prisma v3 to interact with relational databases like MySQL

  • GraphQL Subscriptions for real time functionality

  • One to One private Chat app like MS teams

  • Deploy GraphQL application

  • In the end of this course you will get solid understanding of GraphQL that you can apply in projects & you will also have you own real time one to one chat application project like MS teams that you can add in your portfolio.

    This course assumes good knowledge of modern JavaScript, and ideally some familiarity with Node.js and React.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Project Overview

    Lecture 2: Why GraphQL – Over fetching and Under fetching

    Lecture 3: REST API vs GraphQL API

    Lecture 4: GraphQL Terminology – Query, Mutation, Schema and Resolvers

    Lecture 5: source code

    Chapter 2: GraphQL basics

    Lecture 1: Setup Apollo server and Hello world

    Lecture 2: Query, variables and Resolvers

    Lecture 3: Mutation and input type

    Lecture 4: parent argument for relational data

    Lecture 5: Context, Aliases and Fragment

    Chapter 3: Authentication and Authorization + Prisma v3

    Lecture 1: Setup Prisma and User Model

    Lecture 2: Signup User mutation and Password hashing

    Lecture 3: Sign In User mutation and Jwt sign

    Lecture 4: Understanding jwt and Authorization

    Lecture 5: Adding Authorization

    Chapter 4: Send And Receive Message

    Lecture 1: Message Model Prisma

    Lecture 2: Send Message Mutation

    Lecture 3: Query to get messages between 2 users

    Chapter 5: Creating UI using React and MUI

    Lecture 1: create react app and install dependencies

    Lecture 2: Sign Up page UI

    Lecture 3: Login page UI

    Lecture 4: Side Bar Component

    Lecture 5: Adding Routing

    Lecture 6: Chat Screen UI

    Lecture 7: Typo and Logout icon

    Chapter 6: Apollo Client v3+

    Lecture 1: Why Apollo client, Making request using fetch

    Lecture 2: Setup Apollo client with React

    Lecture 3: useMutation hook and Signup User

    Lecture 4: call Login mutation and logout

    Lecture 5: useQuery & attach token in headers

    Lecture 6: Showing messages on UI

    Lecture 7: Sending text message from UI

    Chapter 7: GraphQL Subscriptions

    Lecture 1: Setup graphql-ws with Apollo Server

    Lecture 2: Subscription schema, resolver and PubSub asyncIterator

    Lecture 3: Testing Subscription in playground

    Lecture 4: Setup Subscription with apollo client

    Lecture 5: useSubscription hook for real time notification

    Lecture 6: Inspecting web socket request in network tab

    Lecture 7: fixing bug

    Chapter 8: Deploy – Going Live

    Lecture 1: Deploy Apollo Server

    Lecture 2: Deploy Apollo Client (React App)

    Instructors

  • GraphQL with React Node js Real Time Private Chat App  No.2
    Mukesh Phulwani
    Founder of CNQ
  • Rating Distribution

  • 1 stars: 0 votes
  • 2 stars: 2 votes
  • 3 stars: 5 votes
  • 4 stars: 21 votes
  • 5 stars: 31 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!