Skip to content

Latest commit

 

History

History
48 lines (37 loc) · 2.39 KB

README.md

File metadata and controls

48 lines (37 loc) · 2.39 KB
Raw

Chat Application using WebSockets

Introduction

This project is a simple real-time chat application that uses WebSockets to enable two-way communication between a client and server. It leverages the power of Socket.io for real-time, event-driven communication, and Express.js as the backend framework.

About WebSockets

WebSockets provide a full-duplex communication channel over a single TCP connection. This allows servers and clients to send messages to each other at any time, enabling real-time functionality like chats, notifications, or gaming.

Conventional Approach

Typically, in a web application, communication between the client and server is handled via HTTP, which is stateless and request-driven. The client sends a request, and the server responds, ending the connection. However, this approach is not ideal for real-time applications where continuous communication is needed.

Disadvantages Overcome by WebSockets

With WebSockets, the client and server maintain a persistent connection, allowing bidirectional communication. This overcomes the traditional limitations of HTTP in real-time apps, like:

  • Polling: Constantly checking for updates leads to unnecessary load and delays.
  • Latency: WebSockets offer faster communication with lower latency, as messages are sent immediately.
  • Scalability: Efficient communication, reducing server load in real-time systems.

Working about Websockets

image

Installation

Install my-project with npm

  git clone https://github.com/vishwajeetk5/Mychat.git
  cd Mychat
  npm Install
  npm start

The server will be live on http://localhost:3000.

Output

alt text

Usage

Open multiple browser tabs or connect from different devices to see real-time chat updates. The client can send messages, and each message will be broadcasted to all other connected clients.

Application Features

  • Real-time Messaging: Instant message delivery between clients.
  • Typing Indicators: See when another user is typing.
  • Client Counter: Shows the number of connected clients.
  • Sound Notifications: A sound plays when a new message is received. Built With
  • Express.js: A minimal and flexible Node.js web application framework.
  • Socket.io: A JavaScript library for real-time web applications.
  • Moment.js: Used for date formatting and time calculations.