![[The AI Show Episode 142]: ChatGPT’s New Image Generator, Studio Ghibli Craze and Backlash, Gemini 2.5, OpenAI Academy, 4o Updates, Vibe Marketing & xAI Acquires X](https://www.marketingaiinstitute.com/hubfs/ep%20142%20cover.png)
![[DEALS] The Premium Learn to Code Certification Bundle (97% off) & Other Deals Up To 98% Off – Offers End Soon!](https://www.javacodegeeks.com/wp-content/uploads/2012/12/jcg-logo.jpg){kind=logo}
![From drop-out to software architect with Jason Lengstorf [Podcast #167]](https://cdn.hashnode.com/res/hashnode/image/upload/v1743796461357/f3d19cd7-e6f5-4d7c-8bfc-eb974bc8da68.png?#)
.png?#)
_Christophe_Coat_Alamy.jpg?#)
.webp?#)
![Apple Considers Delaying Smart Home Hub Until 2026 [Gurman]](https://www.iclarified.com/images/news/96946/96946/96946-640.jpg)
![iPhone 17 Pro Won't Feature Two-Toned Back [Gurman]](https://www.iclarified.com/images/news/96944/96944/96944-640.jpg)
![Tariffs Threaten Apple's $999 iPhone Price Point in the U.S. [Gurman]](https://www.iclarified.com/images/news/96943/96943/96943-640.jpg)
Annoy Group Chat Application with WebSocket, React, and Node.js
Building a Real-Time Group Chat Application with WebSocket, React, and Node.js GitHub Repository > version 1.0.0 Check out the source code on GitHub mahmud-r-farhan / AnonyChat A real-time anonymous group chat application with modern UI and privacy features. Annoy Group Chat Application A real-time anonymous group chat application with modern UI and privacy features. Features Real-time Messaging: Uses WebSocket for instant communication. Anonymous User Profiles: Generates random avatars for users. Spam Protection: Validates messages to prevent harmful content. Modern UI: Responsive design with left/right message bubbles. Active Users Display: Shows the number of online users. Message Persistence: Stores chat history in MongoDB. Message Limits: 255-character limit per message. Timestamps: All messages include a timestamp. Privacy Focused: No personal data is stored. Tech Stack Frontend React TailwindCSS Socket.io-client Backend Node.js Express Socket.io Database MongoDB Installation & Setup Prerequisites Ensure you have the following installed: Node.js MongoDB npm or yarn Getting Started Clone the Repository git clone https://github.com/mahmud-r-farhan/annoy-group-chat.git cd annoy-group-chat Install Dependencies cd server && npm install cd ../client && npm install Create Environment Variables Create a .env file inside the… View on GitHub
Building a Real-Time Group Chat Application with WebSocket, React, and Node.js
GitHub Repository
> version 1.0.0
Check out the source code on GitHub
mahmud-r-farhan
/
AnonyChat
A real-time anonymous group chat application with modern UI and privacy features.
Annoy Group Chat Application
A real-time anonymous group chat application with modern UI and privacy features.
Features
- Real-time Messaging: Uses WebSocket for instant communication.
- Anonymous User Profiles: Generates random avatars for users.
- Spam Protection: Validates messages to prevent harmful content.
- Modern UI: Responsive design with left/right message bubbles.
- Active Users Display: Shows the number of online users.
- Message Persistence: Stores chat history in MongoDB.
- Message Limits: 255-character limit per message.
- Timestamps: All messages include a timestamp.
- Privacy Focused: No personal data is stored.
Tech Stack
Frontend
- React
- TailwindCSS
- Socket.io-client
Backend
- Node.js
- Express
- Socket.io
Database
- MongoDB
Installation & Setup
Prerequisites
Ensure you have the following installed:
Getting Started
- Clone the Repository
git clone https://github.com/mahmud-r-farhan/annoy-group-chat.git
cd annoy-group-chat
- Install Dependencies
cd server && npm install
cd ../client && npm install
-
Create Environment Variables
Create a
.envfile inside the…
