A real-time messaging web app for instant and seamless communication. Stay connected with friends, colleagues, or communities through fast, secure, and interactive messaging.
🌍 Live Demo: Web Chat (Deployed on Render)
✅ Real-time messaging with WebSockets
✅ User authentication (JWT, OAuth)
✅ Media sharing (images, GIFs)
✅ Dark mode support 🌙
✅ Online/Offline status
✅ User-friendly chat UI
✅ Responsive design for mobile & desktop
✅ Typing indicators & read receipts (Coming soon!)
✅ Voice messages
✅ End-to-end encryption
| Technology | Usage |
|---|---|
| Frontend | React |
| Backend | Node.js / Express |
| Database | MongoDB |
| WebSockets | Socket.io for real-time updates |
| Authentication | JWT |
| Styling | Tailwind CSS / Daisy UI |
Follow these steps to run the project locally.
git clone https://github.com/your-username/web-chat.git
cd web-chatnpm run buildCreate a .env file in the root directory and add the following:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
SOCKET_IO_ORIGIN=http://localhost:3000npm run start
We welcome contributions! Follow these steps to contribute:
- Fork the repository
- Create a new branch (git checkout -b feature-branch)
- Make your changes and commit them (git commit -m "Added new feature")
- Push to the branch (git push origin feature-branch)
- Open a Pull Request
If you encounter any issues or have feature requests, please open an issue.
This project is open-source and available under the MIT License.
If you like this project, please consider starring 🌟 the repository!
For any questions or inquiries, feel free to reach out:
- 📩 Email: mr.dixit17@gmail.com
- 🔗 GitHub: aishwary-dixit1
- 🔗 LinkedIn: aishwary-dixit