An open API service indexing awesome lists of open source software.

https://github.com/w-aris/quickconnect-by-waris-

Quick-Connect
https://github.com/w-aris/quickconnect-by-waris-

mongodb nodejs react tailwindcss tanstack-react-query

Last synced: 3 months ago
JSON representation

Quick-Connect

Awesome Lists containing this project

README

          

# QuickConnect - Real-Time Chat and Video Calling Application

QuickConnect is a full-stack real-time chat and video calling application designed to connect users worldwide. With features like instant messaging, video calls, and language learning partnerships, Streamify is the perfect platform for seamless communication.

---
## 🚀 Features

- 💬 **Real-Time Chat**: Send and receive messages instantly with a sleek and responsive UI.
- 🎥 **Video Calling**: Start high-quality video calls with your friends and language partners.
- 🤝 **Friend Requests**: Send and accept friend requests to build your network.
- 🔔 **Notifications**: Stay updated with real-time notifications for friend requests and messages.
- 👤 **User Onboarding**: Personalize your profile with bio, location, and profile picture.
- 🌐 **Language Learning**: Connect with language partners to practice and improve your skills.
- 🌙 **Dark Mode**: Switch between light and dark themes for a comfortable user experience.

---
## 🛠️ Tech Stack

### 🖥️ Frontend

| Tech | Logo |
|------------------|------|
| ![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) | Component-based frontend |
| ![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white) | Fast dev server and HMR |
| ![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) | Utility-first styling |
| ![React Query](https://img.shields.io/badge/React_Query-FF4154?style=for-the-badge&logo=react-query&logoColor=white) | Server state management |
| ![Stream Chat](https://img.shields.io/badge/Stream_Chat-0080FF?style=for-the-badge&logo=stream&logoColor=white) | Real-time messaging |
| ![Stream Video](https://img.shields.io/badge/Stream_Video-0080FF?style=for-the-badge&logo=stream&logoColor=white) | Peer-to-peer video calls |

---

### 🔧 Backend

| Tech | Logo |
|-------------------|------|
| ![Node.js](https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=node.js&logoColor=white) | JavaScript runtime |
| ![Express.js](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white) | API routing and middleware |
| ![MongoDB](https://img.shields.io/badge/MongoDB-47A248?style=for-the-badge&logo=mongodb&logoColor=white) | NoSQL database |
| ![JWT](https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=JSON%20web%20tokens&logoColor=white) | Authentication tokens |
| ![Stream](https://img.shields.io/badge/Stream_API-0080FF?style=for-the-badge&logo=stream&logoColor=white) | Messaging & video backend |

## 🖥️ Installation and Setup

### Prerequisites:
- Node.js (v16 or higher)
- MongoDB (local or cloud instance)
- Stream API Key and Secret

### 1. Clone the Repository:
```bash
git clone https://github.com/W-aris/QuickConnect-by-waris-.git
cd streamify

cd backend
npm install
npm run dev
cd ../frontend
npm install

🤝 Contributing
Pull requests are welcome! If you’d like to improve or extend this app, feel free to fork and contribute.
For any major changes, please open an issue first.

📄 License
This project is licensed under the MIT License.

💖 Made with Love by Mohammad Waris