This project was bootstrapped with Create React App.
In the project directory, open server in different window of any editor, then write :
This will start the server in port 4000. To see GraphQL View, write http://localhost:4000/graphiql
After starting server, open main project directory and write (to start Client):
click on the gif to see full demo
Soccer and Baseball are Channels. You can open this app in multiple tabs or multiple browsers. It has notification functionality which will show counts of new Message arrival in channels, when you open that channel, that notification will be removed. If your current channel receiving new messages then counts will not be shown. You can add new Message in respected channel by clicking on "Soccer" or "Baseball", you can do it by "Enter" or "Submit button".