https://github.com/harsh7editor/chat-application-

https://github.com/harsh7editor/chat-application-

Last synced: 9 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/harsh7editor/chat-application-
• Owner: harsh7editor
• Created: 2025-06-25T08:23:23.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-25T09:04:29.000Z (about 1 year ago)
• Last Synced: 2025-07-03T06:40:14.755Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://realtime-application.netlify.app/
• Size: 24.4 KB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
📡 Real-time messaging using WebSockets

🧑‍🤝‍🧑 Multiple users can chat in real time

📥 Instant message broadcast to all connected clients

🔌 Socket.io for seamless real-time communication

🧼 Clean and modular backend structure using Express.js

![image](https://github.com/user-attachments/assets/52116669-8e57-4661-afcd-956c3195c22f)

![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white)

![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white)

![Socket.io](https://img.shields.io/badge/Socket.io-010101?style=for-the-badge&logo=socket.io&logoColor=white)

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)

├── public/

│   ├── index.html          # Frontend HTML page

│   └── script.js           # Handles client-side socket logic

├── server/

│   └── index.js            # Express server with Socket.io integration

├── package.json

└── README.md

![Status](https://img.shields.io/badge/Status-Active-brightgreen?style=for-the-badge&logo=chat)

![License](https://img.shields.io/badge/License-MIT-blue?style=for-the-badge)

![Open Source](https://img.shields.io/badge/Open--Source-Yes-brightgreen?style=for-the-badge&logo=github)

git clone https://github.com/your-username/realtime-chat-app.git

cd realtime-chat-app

node server/index.js

![GitHub Repo stars](https://img.shields.io/github/stars/your-username/realtime-chat-app?style=for-the-badge)

![GitHub forks](https://img.shields.io/github/forks/your-username/realtime-chat-app?style=for-the-badge)

![GitHub contributors](https://img.shields.io/github/contributors/your-username/realtime-chat-app?style=for-the-badge)

🔧 Tech Stack

🚀 Features

⚙️ Setup

💬 Chat in Real-Time

📡 WebSocket Communication

📂 File Structure

🛠️ Getting Started

🤝 Contributing

📄 License

✅ How to Use

Replace your-username with your actual GitHub username in the badge URLs.

You can embed these directly in your README.md file.

They work great with Markdown renderers on GitHub, GitLab, and VS Code preview.

2. Install Dependencies

npm install

4. Run the Application

   

node server/index.js

By default, the app runs on http://localhost:3000

💬 Usage

Open the app in a browser: http://localhost:3000