https://github.com/aishwary-dixit1/web-chat
Web Chat 💬 – A real-time messaging web app for seamless communication. Features instant messaging, user authentication, media sharing, and a sleek, responsive UI. Powered by Node.js, React, Socket.io, and MongoDB for fast and secure conversations. 🚀
https://github.com/aishwary-dixit1/web-chat
authenitication chat-app daisy-ui expressjs jwt mongodb nodejs react real-time-messaging socket-io tailwindcss webchat websocket
Last synced: 2 months ago
JSON representation
Web Chat 💬 – A real-time messaging web app for seamless communication. Features instant messaging, user authentication, media sharing, and a sleek, responsive UI. Powered by Node.js, React, Socket.io, and MongoDB for fast and secure conversations. 🚀
- Host: GitHub
- URL: https://github.com/aishwary-dixit1/web-chat
- Owner: aishwary-dixit1
- Created: 2025-03-16T07:47:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-16T10:23:58.000Z (over 1 year ago)
- Last Synced: 2025-08-10T15:44:16.420Z (10 months ago)
- Topics: authenitication, chat-app, daisy-ui, expressjs, jwt, mongodb, nodejs, react, real-time-messaging, socket-io, tailwindcss, webchat, websocket
- Language: JavaScript
- Homepage: https://web-chat-4a1l.onrender.com/
- Size: 120 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **Web Chat** 💬🚀
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](https://web-chat-4a1l.onrender.com) *(Deployed on Render)*
---
## **🚀 Features**
✅ **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**
---
## **🚀 Upcoming Features**
✅ **Typing indicators & read receipts** (Coming soon!)
✅ **Voice messages**
✅ **End-to-end encryption**
---
## **🛠 Tech Stack**
| **Technology** | **Usage** |
|---------------|----------|
| **Frontend** | React |
| **Backend** | Node.js / Express |
| **Database** | MongoDB |
| **WebSockets** | Socket.io for real-time updates |
| **Authentication** | JWT |
| **Styling** | Tailwind CSS / Daisy UI |
---
## **📦 Installation & Setup**
Follow these steps to run the project locally.
### **1️⃣ Clone the repository**
```bash
git clone https://github.com/your-username/web-chat.git
cd web-chat
```
### **2️⃣ Install dependencies**
```bash
npm run build
```
### **3️⃣ Set up environment variables**
Create a .env file in the root directory and add the following:
```env
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
SOCKET_IO_ORIGIN=http://localhost:3000
```
### **4️⃣ Start the server**
```bash
npm run start
```
---
## **🖥️ Screenshots**
#### Chat Page
#### Profile Page
#### Settings Page
#### Login Page
#### Signup Page
---
## **🛠 Contributing**
We welcome contributions! Follow these steps to contribute:
1. Fork the repository
2. Create a new branch (git checkout -b feature-branch)
3. Make your changes and commit them (git commit -m "Added new feature")
4. Push to the branch (git push origin feature-branch)
5. Open a Pull Request
---
## **🐞 Bug Reports & Feature Requests**
If you encounter any issues or have feature requests, [please open an issue](https://github.com/aishwary-dixit1/Web-Chat/issues).
---
## **📄 License**
This project is open-source and available under the MIT License.
---
## **⭐ Support the Project**
If you like this project, please consider starring 🌟 the repository!
---
## **📧 Contact**
For any questions or inquiries, feel free to reach out:
- 📩 Email: [mr.dixit17@gmail.com](mailto:mr.dixit17@gmail.com)
- 🔗 GitHub: [aishwary-dixit1](https://github.com/aishwary-dixit1/)
- 🔗 LinkedIn: [aishwary-dixit](www.linkedin.com/in/aishwary-dixit)