vishal313-m/realtime-chat-application

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

User 2: Harry