Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sabbir45ali/web_socket
This is my practice project for websocket or socket.io
https://github.com/sabbir45ali/web_socket
css html javascript socket-io websocket
Last synced: 9 days ago
JSON representation
This is my practice project for websocket or socket.io
- Host: GitHub
- URL: https://github.com/sabbir45ali/web_socket
- Owner: Sabbir45ali
- Created: 2024-08-29T15:36:28.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-09-07T18:20:07.000Z (2 months ago)
- Last Synced: 2024-10-31T13:05:07.224Z (9 days ago)
- Topics: css, html, javascript, socket-io, websocket
- Language: CSS
- Homepage:
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat Application using Socket.IO
## Overview
This is a simple chat application built using **HTML**, **CSS**, **JavaScript**, **Node.js**, and **Socket.IO**. The primary objective of this project was to explore and practice real-time web communication using **WebSockets** and **Socket.IO** for the first time. The application allows multiple users to send and receive messages in real-time.
## Features
- **Real-Time Communication**: Utilizes WebSockets through Socket.IO for instant message delivery between users.
- **Responsive UI**: A simple, user-friendly interface designed with HTML and CSS, optimized for various screen sizes.
- **Dynamic Message Display**: Messages are dynamically displayed in the chat window with a smooth user experience.
- **Input Auto-Clear**: After sending a message, the input field is automatically cleared for the next message.## Technologies Used
- **Frontend**: HTML, CSS, JavaScript
- **Backend**: Node.js, Express.js
- **Real-Time Communication**: Socket.IO (based on WebSockets)## Getting Started
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
### Prerequisites
- **Node.js**: Ensure that Node.js is installed on your machine. You can download it from [nodejs.org](https://nodejs.org/).
### Installation
1. **Clone the repository**:
```bash
git clone https://github.com/Sabbir45ali/Web_Socket.git
cd Web_Socket