Master Chat

This is a real-time chat web app that allows users to chat with any foreigner without knowing a foreign language.

Master Chat Demo

Build With

Back-End

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Front-End

• 
• 
• 
• 
• 
• 
• 

Installation

1. Clone the repo

    git clone https://github.com/ngocban284/MasterChat.git

2. Install depedencies packages

    cd server

    yarn i

    cd client

    yarn i

3. Enter your Environment variables

Front-End Example

    HTTP_URI = http://localhost:4000/graphql
    WS_URI = ws://localhost:4000/graphql

Back-End Example

  PORT=4000
  DATABASE_URL= your mysql url

  [NAVER API]
  CLIENT_ID= your client id
  CLIENT_SECRET= your client secret
  PAPAGO_TRANSLTE_URL= https://openapi.naver.com/v1/papago/n2mt
  PAPAGO_DECT_URL= https://openapi.naver.com/v1/papago/detectLangs

  [JWT]
  JWT_SECRET_KEY= ricado

4. Run

    cd client

    npm run dev

    cd server

    npm run dev

The Project

This is a web app where users can choose the right language for them to join chat rooms with other foreigners.

Users feature :

• Change the light or dark mode.
• Change random avatar that you like.
• Enter a nickname to join the chat room.
• Change your language.
• Create a chat room.
• Enter the code to join the chat room.
• Voice text recognition.
• Check the number of people in the chat room and the language they speak.
• Exit chat room

Future feature:

• Displays a list of chat rooms.
• Create a public chat room.
• Join random public chat room.

...

Project Architecture

Pub/Sub Messaging system