talkhouse

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #go #android #machine-learning #rust #macos #nodejs #java #security #ios #openai #open-source

(★ 167)

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

File Explorer

Download Latest Version (.zip)

- - default.conf
- - _redirects
  - index.html
  - manifest.json
  - robots.txt
  - service-worker.js
- - App.tsx
  - index.css
  - index.tsx
  - notifications.ts
  - react-app-env.d.ts
  - serviceWorker.ts
- .gitignore
- config-overrides.js
- Dockerfile
- Dockerfile.dev
- package-lock.json
- package.json
- README.md
- tsconfig.json
- screenshot_1.png
- screenshot_2.png
- screenshot_3.png
- screenshot_4.png
- screenshot_5.png
- screenshot_6.png
- screenshot_7.png
- screenshot_8.png
- - auth.controller.js
  - friendInvitation.controller.js
  - groupChat.controller.js
- - requireAuth.js
  - requireSocketAuth.js
- - Conversation.js
  - FriendInvitation.js
  - GroupChat.js
  - Message.js
  - User.js
- - authRoutes.js
  - friendInvitationRoutes.js
  - groupChatRoutes.js
- - activeRooms.js
  - connectedUsers.js
  - socketServer.js
- - callRequestHandler.js
  - callResponseHandler.js
  - directChatHistoryHandler.js
  - directMessageHandler.js
  - disconnectHandler.js
  - groupChatHistoryHandler.js
  - groupMessageHandler.js
  - newConnectionHandler.js
  - notification.js
  - notifyChatLeft.js
  - notifyConnectedSockets.js
  - notifyTypingHandler.js
- .gitignore
- Dockerfile
- Dockerfile.dev
- package-lock.json
- package.json
- server.js
.gitignore
docker-compose.yml
LICENSE
README.md

// 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

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

talkhouse

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README