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

https://github.com/samueltuoyo15/meethub

Deep Conv is an open source progressive web application that allows for the video call and connection between two parties from one location to the other built with modern tools like WebRTC, Socket Io, Typescript, Express, React and more
https://github.com/samueltuoyo15/meethub

fullstack-development typescript webrtc-video

Last synced: 11 months ago
JSON representation

Deep Conv is an open source progressive web application that allows for the video call and connection between two parties from one location to the other built with modern tools like WebRTC, Socket Io, Typescript, Express, React and more

Awesome Lists containing this project

README

          

# **Deep Conv πŸ’¬ - Real-time Video Conferencing**

A modern, real-time video conferencing application built with React, TypeScript, and Socket.IO. Experience seamless communication with features like screen sharing, and more! πŸš€

## πŸš€ Installation

Follow these steps to get Deep Conv up and running on your local machine:

- πŸ‘― **Clone the Repository**:

```bash
git clone https://github.com/samueltuoyo15/Deep-Conv.git
cd Deep-Conv
```

- βš™οΈ **Install Dependencies**:

```bash
cd client
npm install
cd ../server
npm install
```

- πŸ”‘ **Environment Variables**:
- Create a `.env` file in the `server` directory.
- Add the client URL:
```
CLIENT_URL=http://localhost:5173
PORT=10000
```

- πŸš€ **Run the Application**:

```bash
# In separate terminals
cd client
npm run dev

cd ../server
npm run start
```

## ✨ Usage

### Running the App

1. Open your browser and navigate to `http://localhost:5173`.
2. Click on **New meeting** or **Join with a code**.

### Creating a New Meeting

1. Click the **New meeting** button.
2. A unique meeting link will be generated.
3. Share the link with participants.

### Joining a Meeting

1. Click the **Join with a code** button.
2. Enter the meeting code provided by the organizer.
3. Click the **Join** button.

### Screenshots

Landing Page
Landing Page

Create Meet Modal
Create Meet Modal

Room Page
Room Page

## 🌟 Key Features

- πŸ“ž **Real-time Video Conferencing**: High-quality video and audio communication.
- πŸ”— **Easy Invite Sharing**: Share meeting links for quick access.
- πŸ”’ **Secure Connections**: Secure communication using WebSockets.
- πŸ“± **Responsive Design**: Works seamlessly on various devices.
- 🎀 **Mic & Video Controls**: Toggle mic and video during meetings.
- πŸ–οΈ **Raise Hand**: Feature to indicate participation.

## πŸ’» Technologies Used

| Technology | Link |
| :----------------- | :---------------------------------------------------------------- |
| React | [https://react.dev/](https://react.dev/) |
| TypeScript | [https://www.typescriptlang.org/](https://www.typescriptlang.org/) |
| Tailwind CSS | [https://tailwindcss.com/](https://tailwindcss.com/) |
| Node.js | [https://nodejs.org/](https://nodejs.org/) |
| Express | [https://expressjs.com/](https://expressjs.com/) |
| Socket.IO | [https://socket.io/](https://socket.io/) |
| Vite | [https://vitejs.dev/](https://vitejs.dev/) |
| Lucide React Icons | [https://lucide.dev/](https://lucide.dev/) |

## πŸŽ‰ Contributing

Contributions are always welcome! Here’s how you can contribute:

- πŸ› Report bugs
- πŸ’‘ Suggest new features
- πŸ› οΈ Submit pull requests
- πŸ“ Improve documentation

## πŸ“œ License

This project is licensed under the [MIT License](https://opensource.org/license/mit/).

## πŸ§‘β€πŸ’» Author Info

- **OritseWeyinmi Samuel Tuoyo**
- [GitHub](https://github.com/samueltuoyo15)
- [Twitter](https://x.com/TuoyoS26091)
- [LinkedIn](https://www.linkedin.com/in/samuel-tuoyo-8568b62b6)

[![Readme was generated by Dokugen](https://img.shields.io/badge/Built%20with-Dokugen-brightgreen)](https://github.com/samueltuoyo15/Dokugen)