https://github.com/anujistwal/real-time-chat-application

The chat application which uses web socket for real time seamless communication between multiple users.
https://github.com/anujistwal/real-time-chat-application

react tailwindcss websocket

Last synced: about 2 months ago
JSON representation

The chat application which uses web socket for real time seamless communication between multiple users.

• Host: GitHub
• URL: https://github.com/anujistwal/real-time-chat-application
• Owner: AnujIstwal
• Created: 2025-03-19T17:15:11.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-20T05:01:44.000Z (over 1 year ago)
• Last Synced: 2025-04-13T12:14:33.678Z (about 1 year ago)
• Topics: react, tailwindcss, websocket
• Language: JavaScript
• Homepage: https://chatify-aj.netlify.app/
• Size: 70.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 💬 **Chatify – Real-time Chat Application**

📢 **Chatify** is a real-time chat application that allows users to create and join chat rooms, exchange messages, and enjoy a smooth chat experience. Built using **React.js**, **Node.js**, **Socket.io**, and **Tailwind CSS**, this app ensures seamless real-time communication.

---

## 🚀 **Features**

- 💡 **Real-time communication** with `Socket.io`.

- 🔥 **Multiple chat rooms** with dynamic creation.

- 🚀 **Responsive UI** with smooth scrolling for mobile devices.

- 🎯 **User avatars** generated from their initials.

- 🕒 **Timestamps** displayed on each message.

- 🌐 **Emoji support** and basic **text formatting** (bold, italics, links).

- 👥 **Unique usernames** validation (no duplicates).

- 🔥 **Leave room** functionality.

- 🎯 **Custom fonts and themed design**.

---

## 🛠️ **Tech Stack**

### **Frontend:**

- ⚛️ React.js (Vite)

- 🎨 Tailwind CSS

- 🔥 Emoji Mart for emoji picker

- 🧑‍🎨 Random Avatar Generator

### **Backend:**

- ⚙️ Node.js

- 🔥 Express.js

- ⚡ Socket.io

---