zabihullah-azadzoi / coders-house-mern

Coders House

Description

A fully featured realtime communication project, build with MERN stack similar to club house application. This capstone project includes all the necessary functionalities of a real time web app for communicating using web browsers.

Each user can create a room or join an existing room. Each guest in the room can join the speakers board by sending a join request to the Admin of the room.

• features:
  • Node provides the backend environment for this application
  • Express middleware is used to handle requests, routes
  • Mongoose schemas to model the application data
  • React for displaying UI components
  • Redux to manage application's state
  • WebRTC is used for realtime communication between browsers
  • Socket.io is used for realtime communication of server and end users
  • Authentication is handled using JWT and refresh token method
  • Twilio is used for OTP service
  • Docker is used for Containerization

Setup

 Create .env file in client that includes:

  * REACT_APP_BASE_URL=                     // i.e --> "http://localhost:5000"

 Create .env file in server that includes:

  * PORT=                     // 5000
  * BASE_URL=                 // http://localhost:5000
  * OTP_HASH_SECRET=
  * TWILIO_ACCOUNT_SID=
  * TWILIO_TOKEN=
  * TWILIO_FROM_NUMBER=
  * JWT_SECRET=

Start development in both server and client

$ npm run start

Simple build for production in client

$ npm run build

Languages & tools

• Node

• Express

• Mongoose

• React

• Redux

• Socket.io

• webRTC

• Twilio

• Docker

Screenshots