Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/saalikmubeen/talkhouse
WebRTC based peer to peer voice, video calling and messaging web app build with MERN stack.
https://github.com/saalikmubeen/talkhouse
chat-application mongodb nodejs push-notifications reactjs redux service-worker simple-peer socket-io typescript webrtc
Last synced: 5 days ago
JSON representation
WebRTC based peer to peer voice, video calling and messaging web app build with MERN stack.
- Host: GitHub
- URL: https://github.com/saalikmubeen/talkhouse
- Owner: saalikmubeen
- License: mit
- Created: 2022-03-24T09:21:14.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-11-28T13:18:11.000Z (26 days ago)
- Last Synced: 2024-12-12T17:46:36.700Z (12 days ago)
- Topics: chat-application, mongodb, nodejs, push-notifications, reactjs, redux, service-worker, simple-peer, socket-io, typescript, webrtc
- Language: TypeScript
- Homepage: https://talkhouse-tv.netlify.app/
- Size: 4.76 MB
- Stars: 162
- Watchers: 3
- Forks: 24
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-webrtc - talkhouse - WebRTC based peer to peer voice, video calling and messaging web app build with MERN stack. (Projects / Chat)
README
# 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 [email protected]: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)