A real-time group chat application built with Node.js, Express, and Socket.io that allows users to chat together in a single room.
- Real-time Messaging: Instant message delivery through WebSockets
- User Notifications: Alerts when users join or leave the chat
- Participant Counter: Shows the number of active users in the chat
- Responsive Design: Works on both desktop and mobile devices
- Clean UI: Modern interface with dark theme
Currently deployed locally. To access, run the server and navigate to http://localhost:3000
- Frontend: HTML5, CSS3, JavaScript, Bootstrap
- Backend: Node.js, Express.js
- Real-time Communication: Socket.io
- Icons: Font Awesome
-
Clone the repository
git clone https://github.com/yourusername/ZoroChat.git cd ZoroChat -
Install dependencies
npm install -
Start the server
node index.js -
Access the application
- Open your browser and navigate to
http://localhost:3000
- Open your browser and navigate to
To run the application in development mode with automatic server restarts:
npx nodemon index.js
- Enter your name when prompted
- Type your message in the input field
- Press Enter or click the send button to send your message
- You'll see other participants' messages appear on the left side of the screen
- Your messages will appear on the right side
- The participant count updates automatically as users join or leave
ZoroChat/
├── chat.png # Chat preview image
├── css/
│ └── style.css # Styling for the application
├── index.html # Main HTML file
├── index.js # Server-side code
├── js/
│ └── client.js # Client-side JavaScript
├── package.json # Project dependencies
└── zoroLogo.jpeg # Application logo
- Multiple chat rooms
- Private messaging
- User authentication
- Message history
- File sharing
- Emoji support
- Typing indicators
Made with ❤️ by Mohit
ISC
Note: To deploy this application online, you'll need to update the Socket.io connection URL in client.js to point to your deployed server address instead of localhost.
