https://github.com/sachinrajbher15/socket-chat-app

A simple real-time chat app using Node.js, Express, and Socket.IO. Users can send, edit, and delete messages instantly. Built to demonstrate basic chat functionality with WebSocket support.
https://github.com/sachinrajbher15/socket-chat-app

javascript nodejs socket-io

Last synced: about 2 months ago
JSON representation

A simple real-time chat app using Node.js, Express, and Socket.IO. Users can send, edit, and delete messages instantly. Built to demonstrate basic chat functionality with WebSocket support.

• Host: GitHub
• URL: https://github.com/sachinrajbher15/socket-chat-app
• Owner: sachinrajbher15
• Created: 2025-06-03T19:20:53.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-03T19:43:35.000Z (about 1 year ago)
• Last Synced: 2025-06-26T06:02:04.631Z (12 months ago)
• Topics: javascript, nodejs, socket-io
• Language: HTML
• Homepage: https://socket-chat-app-edxn.onrender.com/
• Size: 1.66 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# socket-chat-app

## 🟢 Mini Chat App (Real-Time Chat with CRUD)

A simple WhatsApp-like chat application built with **Node.js**, **Express.js**, **Socket.IO**, and vanilla **HTML/CSS/JS**. It supports **real-time messaging** along with basic **CRUD operations**: send, edit, and delete messages.

---

## 🔧 Features

- ✅ Real-time messaging via WebSocket (Socket.IO)

- ✏️ Edit and update sent messages

- 🗑️ Delete messages

- 📜 In-memory message store (no DB required)

- 💡 Clean and responsive UI (HTML + CSS)

---

## ➡️ SCREENSHOTS

👉 Home page  

![](screenshots/1homepage.png)

👉 After sending some messages  

![](screenshots/2sentmessages.png)

👉 Requesting to edit a message  

![](screenshots/3editmessage.png)

👉 Message updated  

![](screenshots/4messageupdated.png)

👉 Requesting to delete a message  

![](screenshots/5deletemessage.png)

👉 Message deleted  

![](screenshots/6messagedeleted.png)

---

## 🛠 Tech Stack

- **Frontend**: HTML, CSS, JavaScript

- **Backend**: Node.js, Express.js

- **WebSocket**: Socket.IO

---

## 📦 Installation

```bash

git clone https://github.com/sachinrajbher15/socket-chat-app.git

cd socket-chat-app

npm install

npm start