/chat-react-graphql-websocket

A simple chat aplication using graphql and react

Primary LanguageJavaScriptMIT LicenseMIT

Demo

chat-react-graphql-websocket

A simple chat aplication using graphql and react

Frondend — Main Features

Frondend have the following features:

  • 👾 Graphql
  • 💬 Subscriptions-Transport-WS
  • ✨ Styled-Components
  • ✔️ Redux and Redux-Persist
  • 🚩 Yup

Backend — Main Features

Backend have the following features:

  • 👾 Graphql-Yoga
  • 💬 Graphql-Subscriptions
  • 🛡️ Graphql-Middleware
  • 📄 Graphql-Upload
  • 🐳 Docker

Pre-requisites ( Optional )

Docker with mongodb ( docker run --name mongodb -p 27017:27017 -d -t mongo )

Getting started

  • Clone this repository

#Backend

  1. Go to the newly created directory: cd server.
  2. Run yarn or npm install to install dependencies.
  3. Set your MONGO_URL in env.
  4. Run npm start or yarn dev to see the example app at http://localhost:4000/playground.

#Frontend

  1. Go to the newly created directory: cd web.
  2. Run yarn or npm install to install dependencies.
  3. Run npm start or yarn dev to see the example app at http://localhost:3000.