A real-time chat application built with Node.js, Socket.IO, and vanilla JavaScript.
- Real-time messaging between multiple users
- Live user list showing who's online
- Custom profile pictures (URL or file upload)
- Auto-resizing message input
- Responsive design with mobile support
- Modern glassmorphism UI with gradient backgrounds
- Message timestamps
- Smooth animations and transitions
- Message history for users joining mid-conversation
- Auto-clear messages when chat room becomes empty
- Built with Socket.IO and WebSockets
- Backend: Node.js, Express.js, Socket.IO
- Frontend: HTML5, CSS3, Vanilla JavaScript
- Real-time Communication: WebSocket via Socket.IO
- Clone the repository:
git clone <repository-url>- Navigate to the Backend directory:
cd Backend- Install dependencies:
npm install express socket.io- Start the server:
cd Backend
node server.js- Open your browser and go to:
http://localhost:8080
- Enter your username and optionally add a profile picture URL
- Start chatting with other users in real-time!
The website is deployed with Render Service, Try it out Here
MIT License - feel free to use this project for learning or as a base for your own applications.
Open to pull requests for any contribution
My Socials:
Developed with passion by Mohammed