- 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
forked from chaudhary19/Realtime-Chat-App
-
Notifications
You must be signed in to change notification settings - Fork 0
gharshg29/Realtime-Chat-App
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
No description or website provided.
Topics
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
Languages
- JavaScript 46.9%
- CSS 28.1%
- HTML 25.0%