https://github.com/vishwajeetk5/mychat
Chat Application Using WebSockets Experience real-time chatting with our WebSocket-powered app! Built with Socket.io and Express.js, it features instant messaging, typing indicators, and sound notifications. Just clone the repo, start the server, and chat away across multiple devices!
https://github.com/vishwajeetk5/mychat
chat-application expressjs socketio webdevelopment websocket
Last synced: about 2 months ago
JSON representation
Chat Application Using WebSockets Experience real-time chatting with our WebSocket-powered app! Built with Socket.io and Express.js, it features instant messaging, typing indicators, and sound notifications. Just clone the repo, start the server, and chat away across multiple devices!
- Host: GitHub
- URL: https://github.com/vishwajeetk5/mychat
- Owner: vishwajeetk5
- Created: 2024-10-02T20:15:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-07T13:08:50.000Z (over 1 year ago)
- Last Synced: 2025-02-15T12:45:13.260Z (over 1 year ago)
- Topics: chat-application, expressjs, socketio, webdevelopment, websocket
- Language: JavaScript
- Homepage: https://mychat-kappa-two.vercel.app
- Size: 207 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
## Installation
Install my-project with npm
```bash
git clone https://github.com/vishwajeetk5/Mychat.git
cd Mychat
npm Install
npm start
```
The server will be live on http://localhost:3000.
## Output
## 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.