https://github.com/denishrana09/basic-discord-apollo-client-app

Basic Chat kind of App in React + GraphQL
https://github.com/denishrana09/basic-discord-apollo-client-app

apollo-client graphql nodejs-graphql react-graphql reactjs

Last synced: 30 days ago
JSON representation

Basic Chat kind of App in React + GraphQL

• Host: GitHub
• URL: https://github.com/denishrana09/basic-discord-apollo-client-app
• Owner: denishrana09
• Created: 2019-03-01T11:26:42.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-03-06T11:18:24.000Z (over 7 years ago)
• Last Synced: 2025-01-13T11:51:09.392Z (over 1 year ago)
• Topics: apollo-client, graphql, nodejs-graphql, react-graphql, reactjs
• Language: JavaScript
• Homepage:
• Size: 673 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

In the project directory, open server in different window of any editor, then write :

### `npm install`

### `npm start`

This will start the server in port 4000.

To see GraphQL View, write [http://localhost:4000/graphiql](http://localhost:4000/graphiql)

After starting server, open main project directory and write (to start Client):

### `npm install`

### `npm start`

click on the gif to see full demo

![demo-gif](./basic-discord-app.gif)

## Description

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".