RealTime Chat Application - LetsChat

  • It is an scalable Realtime Chatting Application that provides an interface for multiple user chatting at the same time.
  • FrontEnd Technologies- HTML, CSS
  • BackEnd Technologies- 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.
  • HTML has been used for preparing the structure of application.
  • CSS has been used for styling the application.
  • 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 messages.
  • 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: Vishal Mahto

image

User 2: Harry

image