Skip to content

gharshg29/Realtime-Chat-App

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RealTime Chat Application - LetsChat

  • It is a Realtime Scalable Chat application which supports multiple user at the same time.
  • FrontEnd - HTML, CSS
  • BackEnd - JavaScript, Node.js
  • Used Socket.io module for a two-way connection between client and server
  • FrontEnd includes a navigation bar, Chat window and a form submit button for sending the messages.
  • Structure is prepared by using HTML
  • Styling is given by using CSS
  • Added Client sided JavaScript for the purpose of playing with DOM elements.
  • First of all stored all the DOM elements in a respectives JS variable.
  • Used Audio file (ting.mp3) which gives notification on receiving the message
  • Everytime a new user tries to join, first of all ask his/her name and let the server know
  • If a new user joins, receive the event from the server using eventListner
  • Receive message from server using receive function
  • If a user leaves the chat, tell all the other users that this user has left the chat
  • Server Side JavaScript will handle the Socket IO connections
  • If a new user joins, let the other users connected with server know
  • If someone sends the message, broadcast it to other people
  • If someone leaves the chat, let others know

User 1: Mayank Chaudhary

Screenshot (18)

User 2: Harry

Screenshot (19)

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 46.9%
  • CSS 28.1%
  • HTML 25.0%