https://github.com/shubhamch95/realtime-chat

Real-time chat application built using Node.js, Express, and Socket.io to enable instant messaging between users. The application provides a simple and intuitive interface for users to connect, exchange messages, and stay in touch in real-time.
https://github.com/shubhamch95/realtime-chat

client-server-communication css deployment express html js nodejs socket-io

Last synced: about 2 months ago
JSON representation

Real-time chat application built using Node.js, Express, and Socket.io to enable instant messaging between users. The application provides a simple and intuitive interface for users to connect, exchange messages, and stay in touch in real-time.

• Host: GitHub
• URL: https://github.com/shubhamch95/realtime-chat
• Owner: shubhamch95
• Created: 2023-12-24T06:36:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-24T07:35:59.000Z (over 2 years ago)
• Last Synced: 2025-08-02T08:43:46.244Z (10 months ago)
• Topics: client-server-communication, css, deployment, express, html, js, nodejs, socket-io
• Language: JavaScript
• Homepage:
• Size: 150 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Real-Time Chat Application

# QUICKCONNECT

## Overview

This project is a real-time chat application built using Node.js, Express, and Socket.io. It enables instant messaging between users, providing a simple and intuitive interface for connecting, exchanging messages, and staying in touch in real-time.

![image](https://github.com/shubhamch95/realTime-chat/assets/76907324/6693104c-f66f-4d12-81eb-4090889b3013)

## Features

- **Real-Time Communication:** Utilizes Socket.io to establish WebSocket connections for instant messaging.


- **User-Friendly Interface:** Provides a clean, modern chat interface with intuitive user interactions.


- **Dynamic Updates:** Messages are dynamically updated in real-time without manual refreshing.


- **Styling:** The application features a visually appealing design with a responsive layout.


## Technologies Used

- **Node.js:** Runtime environment for server-side JavaScript.


- **Express:** Web application framework for handling HTTP requests and serving static files.


- **Socket.io:** Library for real-time bidirectional communication between the server and clients.


- **HTML, CSS, JavaScript:** Front-end development for user interface creation.


## Getting Started

1. **Clone the Repository:**

   **git clone** https://github.com/shubhamch95/realTime-chat 
 **cd** real-time-chat

   

2.  ## Install dependencies:

     **npm install**

3. ## Start the server:

   **npm start**

4. ## Open in Browser:

   **Open your web browser and navigate to http://localhost:9000.**

   ## Usage

* Enter your name when prompted to start chatting.


* Type messages in the input area and press Enter to send.


* Real-time incoming messages will be displayed in the chat area.


* The chat area dynamically scrolls to show the latest messages.

## Folder Structure

* **public:** Contains static files (HTML, CSS, client-side JavaScript).


* **server.js:** Express server configuration and Socket.io setup.


* **client.js:** Client-side JavaScript for managing user interactions.


* **style.css:** Cascading Style Sheets for styling the chat interface.


* **package.json:** NPM configuration with project dependencies.


## Contributing

Contributions are welcome! Feel free to submit issues or pull requests.