https://github.com/loayahmed304/yappuccino

Yap in every way. A text, voice, and video chatting app, all in one. Implemented using WebSockets and WebRTC
https://github.com/loayahmed304/yappuccino

chat-application docker docker-compose nodejs reactjs typescript webrtc webrtc-video websocket websockets

Last synced: 3 months ago
JSON representation

Yap in every way. A text, voice, and video chatting app, all in one. Implemented using WebSockets and WebRTC

• Host: GitHub
• URL: https://github.com/loayahmed304/yappuccino
• Owner: LoayAhmed304
• Created: 2025-03-17T13:41:14.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-06-26T13:30:19.000Z (3 months ago)
• Last Synced: 2025-06-26T14:32:05.368Z (3 months ago)
• Topics: chat-application, docker, docker-compose, nodejs, reactjs, typescript, webrtc, webrtc-video, websocket, websockets
• Language: JavaScript
• Homepage: https://yappuccino.loay.work
• Size: 730 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ☕ Yappuccino: Text, Voice and Video Chat App, Where You Can Yap

Your cozy digital cafe to yap in every possible way with your friends, securely.

> Frontend design is inspired by another open-source project.

### Feel free to check both my **Medium Articles** about [WebSockets](https://medium.com/@loayahmed304/websocket-operation-d21bc3a362b4), and [WebRTC](https://medium.com/@loayahmed304/breaking-down-webrtc-44cd5c337482). Would absloutely love to hear your feedback! ❤️

---

# Preview

## Screenshots

![alt](https://i.ibb.co/nxDzZCQ/Screenshot-2025-06-26-135723.png)

![alt](https://i.ibb.co/355X04gF/Screenshot-2025-06-26-144626.png)

## 🎬 Video Previews

- [Text & Voice Chatting Preview](https://drive.google.com/file/d/1i5mhNk-rMZbRFXWbVukiIf6tSA1qDGTk/view?usp=sharing)

- [Video Call Preview](https://drive.google.com/file/d/1JSpFXAY23BEXClHZfqHbiNubDuf3c_Wb/view?usp=sharing)

## Live demo

Visit https://yappuccino.loay.work

# Features

- **Real-Time Chat With WebSockets**

- **Real-Time Voice and Video Chat With WebRTC via STUN Servers**

- **Deployed on My Personal Droplet, Served & Managed via Nginx**

- **End-to-End Messages Encryption for Privacy and Security**

- **Image Messages Upload**

- **Fully Dockerized**

- **Responsive Design (mobile-friendly)**

- **Cool ringtone😆**

# Running Locally

> Make sure to have Docker installed

1. Clone this repo.

2. `cd` into the main folder.

3. Configure your `docker-compose.yml` file accordingly.

4. run `docker compose up --build -d`.