- 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, Express.js, 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.
- 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.
https://rb-chatapplication.herokuapp.com/
