- #1 Project Overview
- #2 What and why of GraphQL
- #3 GraphQL vs Rest API
- #4 GraphQL Terminology - Query, Mutation, Schema and Resolvers
- #5 Setup Apollo server and Hello world
- #6 Query, variables and Resolvers
- #7 Mutation and input type
- #8 Parent argument for relational data
- #9 Context, Aliases and Fragment
- #10 Setup Prisma and User model
- #11 Signup User mutation and password hashing
- #12 Sign In User mutation and Jwt sign
- #13 Understanding jwt and Authorization
- #14 Adding Authorization
- #15 Message Model Prisma
- #16 Send Message Mutation
- #17 Query to get messages between 2 users
- #18 Create react app and install dependencies
- #19 Sign Up page UI
- #20 Login page UI
- #21 Side Bar Component
- #22 Adding Routing
- #23 Chat Screen UI
- #24 Typo and Logout icon
- #25 Why Apollo client, Making request using fetch
- #26 Setup Apollo client with React
- #27 useMutation hook and Signup User
- #28 Call Login mutation and logout
- #29 useQuery & attach token in headers
- #30 Showing messages on UI
- #31 Sending text message from UI
- #32 Setup graphql-ws with Apollo Server
- #33 Subscription schema, resolver and PubSub asyncIterator
- #34 Testing Subscription in playground
- #35 Setup Subscription with apollo client
- #36 useSubscription hook for real time notification
- #37 Inspecting web socket request in network tab
- #38 Fixing bug
- #39 Deploy Apollo Server
- #40 Deploy Apollo Client (React App)
In this course we will be creating One to One private Chat app like MS teams, using latest technologies available on the internet that is 1)React 2)Apollo Client 3)Material UI v5 4)Apollo Server 5)Websockets