Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anas727189/buzzchat
🐝 BuzzChat: Real-time messaging app with React, Node.js, Socket.io. Secure auth, customizable themes, instant messaging. Full-stack modern chat solution! 💬🚀
https://github.com/anas727189/buzzchat
cloudinary daisyui docker docker-compose express javascript mongodb nodejs reactjs tailwindcss zustand
Last synced: 1 day ago
JSON representation
🐝 BuzzChat: Real-time messaging app with React, Node.js, Socket.io. Secure auth, customizable themes, instant messaging. Full-stack modern chat solution! 💬🚀
- Host: GitHub
- URL: https://github.com/anas727189/buzzchat
- Owner: ANAS727189
- Created: 2025-01-26T07:13:59.000Z (3 days ago)
- Default Branch: main
- Last Pushed: 2025-01-26T09:58:25.000Z (3 days ago)
- Last Synced: 2025-01-26T10:28:56.359Z (3 days ago)
- Topics: cloudinary, daisyui, docker, docker-compose, express, javascript, mongodb, nodejs, reactjs, tailwindcss, zustand
- Language: JavaScript
- Homepage: https://buzz-chat-qtdn.onrender.com/
- Size: 743 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🐝 BuzzChat
## 🖍 Description
BuzzChat is a modern, real-time messaging application built with React and Node.js, offering seamless communication with advanced features.
---
## 🚀 Features
- 🔐 **Secure User Authentication**
- 💬 **Real-Time Messaging**
- 🌈 **Customizable Themes**
- 👤 **User Profiles with Avatar Upload**
- 🔄 **Online/Offline Status**
- ⚡ **Typing Indicators**
- 📱 **Responsive Design**
---
## 🕠 Technologies
### **Frontend**
- React
- Zustand
- Tailwind CSS
- Daisy UI
### **Backend**
- Node.js
- Express.js
- MongoDB
### **Real-time Communication**
- Socket.io
### **Authentication**
- JSON Web Tokens (JWT)
### **Image Upload**
- Cloudinary
---
## 🏗️ Project Structure
```
buzzchat/
├── backend/ # Node.js server
└── client/ # React frontend
```
---
## 🚀 Quick Start
### **Prerequisites**
Ensure you have the following installed:
- [Node.js](https://nodejs.org/) (v14+)
- [MongoDB](https://www.mongodb.com/)
- [Cloudinary Account](https://cloudinary.com/)
### **Installation**
1. **Clone the repository:**
```bash
git clone https://github.com/yourusername/buzzchat.git
cd buzzchat
```
2. **Install Dependencies:**
```bash
# Backend
cd backend && npm install
# Frontend
cd ../client && npm install
```
### **Run the Application**
1. **Start the Backend:**
```bash
cd backend && npm start
```
2. **Start the Frontend:**
```bash
cd client && npm run dev
```
---
## 🤝 Contributing
We welcome contributions! To get started:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Submit a pull request.
Check the [issues page](https://github.com/yourusername/buzzchat/issues) for ideas or to report bugs.
Happy chatting with BuzzChat! 🔌