Skip to content

Johnsuuuu/easy-chat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Easy Chat

Easy Chat is a video chat application that allows users to call each other and communicate in real-time in browser.

Functionalies

  • video call with each other by sharing code
  • turn on/off your webcam
  • turn on/off your microphone
  • chat in real-time & chat notifications

Starting Page

Screen-Shot-2022-08-12-at-11-11-28-AM.png

Mute Mic & Webcam

Screen-Shot-2022-08-12-at-11-12-48-AM.png

Incoming Call

Screen-Shot-2022-08-12-at-11-13-39-AM.png

During Call

Screen-Shot-2022-08-12-at-11-14-54-AM.png

Chat

Screen-Shot-2022-08-12-at-11-15-06-AM.png

Screen-Shot-2022-08-12-at-11-17-15-AM.png

Technologies

  • React and Ant Design for frontend
  • Express, Node, and Socket.io for WebRTC backend signaling server
  • simple-peer for P2P connection
  • Heroku for backend hosting
  • AWS Amplify for frontend hosting

Quick Start

// Install dependencies for server & client
npm install && cd client && npm install

// Run client & server with concurrently
// you should be in the root folder at this moment
npm run dev

// Server runs on http://localhost:5000 and client on http://localhost:3000

Deployed Application

https://prod.d39luuly459lu.amplifyapp.com