Real-Time-Chat-Application

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

Server

To install Go, follow this link.

Build the structure for the Go GraphQL server using gqlgen library:

go mod init github.com/99designs/gqlgen

go get github.com/99designs/gqlgen

go run github.com/99designs/gqlgen init

Client

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

Create new package:

yarn init -y 

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

go run server.go

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

yarn start 

References

https://gloutnikov.com/post/2021/graphql-subscriptions-golang-gqlgen-example/

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

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