Here I am using socket.io where we don't need to implement everything from scratch like defining the type of the socket
- 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.
- run nodemon nodeserver/index.js
- Install the extension 'live server' for Vs Code. Extension Id - ritwickdey.liveserver
- After the extension gets installed navigate to index.html and open it to edit.
- Right click anywhere in the file index.html and from the menu that appears select Open with Live server
- A instance of the application will appear in the browser.
- Copy the url from the address bar and open another instance in another tab or in incognito or on another browser.