Real-Time-Chat-Application

Chat Application with Instant Messaging feature. Technologies - React, GraphQL, WebSockets

Dependencies

Server

Create new package

npm init -y

GraphQL Yoga (A Fully-featured GraphQL Server):

npm install graphql-yoga 

Client

If yarn package is not yet installed, refer this link to install it.

Create new package:

yarn init -y 

If a yarn command is not working, try using the following command:

powershell -ExecutionPolicy Bypass -File 'C:\Users\ {Your User Account Name} \AppData\Roaming\npm\yarn.ps1' {yarn command} 

Apollo Client:

yarn add @apollo/client graphql 

Chakra UI:

yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^5 

WebSocket:

yarn add subscriptions-transport-ws 

Shrads React:

yarn add shards-react 

Guide

Enter to the server folder from a terminal and start the server

npm start 

While the server running, create another terminal and enter to the client folder and start the React app

yarn start 

References

https://www.apollographql.com/docs/react/get-started

https://www.youtube.com/watch?v=E3NHd-PkLrQ

https://github.com/jherr/chat-o-matic