talkhouse

KO | EN

gitlite — search

#hacktoberfest #typescript #llm #go #machine-learning #deep-learning #docker #macos #java #cli #awesome-list #pytorch #mcp #open-source

(★ 167)

WebRTC based peer to peer voice, video calling and messaging web app build with MERN stack.

talkhouse 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# talkhouse

WebRTC based peer to peer video calling and messaging web app build with MERN stack.

# [Demo](https://talkhouse-tv.netlify.app/)

# Libraries used

- **`React`** for frontend
- **`Socket.io`** as signaling server and realtime communication
- **`simple-peer`** for peer-to-peer WebRTC connections
- **`Express`** as server
- **`MongoDB`** for persistance of data
- **`Material UI`** for creating ui
- **`Redux`** for state management
- **`Typescript`** for type safety, cure for headache you get when props are flowing all over the app with no hint

# Features

- User authentication and authorization
- Audio and Video Chat
- Messaging with storage of messages in the database
- Sending invitation to friends
- Able to accept or reject an invitation
- Online indicator
- Notify on typing
- Sceen sharing
- Accept and reject an incoming call

**and more....**

## New Features added recently

- **`Group Chats`** Create group chats like in whats'app. Group Admins can add members to group and participants can leave the group.
- Remove friend, ability to unfriend someone
- **`Talkhouse Spaces`** like Twitter spaces. You can host a space and any of your friends can join that space.
- **`Push Notifications`** for incoming calls, messages and friend requests.

The **talkhouse spaces** are implemented using MESH topology to establish a peer-to-peer network between every person or client joining the space.
i.e, every person maintains a p2p connection with every other person in the room.

# Installation

1. Clone project

```
git clone git@github.com:saalikmubeen/talkhouse.git
```

## Manual

If you dont't have docker installed, or don't know how to docker, [who doesn't know docker in the first place 😑]

cd into root project

```
1. cd server
```

`npm install` to to install server dependencies

`Setup required environment variables:`

- MONGO_URI_DEV
- JWT_SECRET

`npm run dev` to start development server with nodemon

*Make sure you have mongoDB installed*

```
1. cd client
```

`npm install` installs client dependencies.

`npm run start` to start the react development server.

## Docker

Running project through docker is recommended. You don't have to do any setup. Just one docker-compose command and boom project is up and running 😊

```
docker-compose up --build

```

*Make sure you have docker installed*

# Testimonials

> Thanks everyone for trying out the app!

|     |     |
|-----|-----|
| ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_1.png?raw=true)  | ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_2.png?raw=true)   |
| ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_3.png?raw=true)  | ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_4.png?raw=true)   |
| ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_5.png?raw=true)  | ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_6.png?raw=true)   |
| ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_7.png?raw=true)  | ![image](https://github.com/saalikmubeen/talkhouse/blob/main/screenshots/screenshot_8.png?raw=true)   |

# TODOS

- [x]  Enable group video and messaging functionality
- [x]  Implement Push Notifications and make it a PWA
- [ ]  Implement confirm email, reset password and email sending on friend invitation, *Not a big deal to implement, just a little lazy to implement it*
- [ ]  Store messages in an encrypted form in the database. (Just wrote it for fun. I mean is it even worth to do it 🤦‍♂️)
- [x]  Enhace the UI. I hate CSS, not that good at it 🥱😓 . (Looks reasonably good now)

talkhouse

talkhouse 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

talkhouse

talkhouse 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README