GraphQL with React & Node js - Real Time Private Chat App

Build and query a GraphQL user schema with resolvers, defining a user type (id, first name, last name, email) and using variables and the playground to fetch data.

Explore how JWT-based authentication protects protected resources by issuing a JWT after sign-in and validating it via the authorization header to grant access.

Build a message model with sender and receiver relationships and a created at timestamp, linking to user table, then preview via prisma studio and prepare a mutation to send messages.

Write a GraphQL query to fetch messages between two users, filtering by sender and receiver with Prisma and ordering by created time ascending. Ensure the user is logged in.

Compare using Apollo client versus fetch for GraphQL data in a React app; demonstrate posting queries with fetch, headers, and tokens. Explain how Apollo aids state management and caching.

Install and configure Apollo client in a React app by following the official docs, set version 3.5.10, initialize the client, wrap the app with ApolloProvider, and enable hooks.

Show dynamic messages on the chat UI by querying messages by user with GraphQL in a React app, handling loading and errors and formatting the created date.

Design a subscription schema and resolver using PubSub and an asyncIterator to publish and broadcast new messages added in real time to all subscribers.

Fixes a real-time chat bug by updating the client to display messages only for the logged-in user, decoding the user id from locally stored JWT, and gating updates by sender.