Udit Shroti Logo Image
Udit Shroti

BaeStream - Watch Together Web

A real-time watch together web application that allows users to watch YouTube videos in sync, chat live, and interact inside private rooms. Built to explore real-time systems and Socket.IO based synchronization.

Watch Together real-time web application preview

Project Overview

BaeStream is a real-time web application where users can create or join rooms using a unique code and watch YouTube videos in perfect sync. Any play, pause, or seek action by the host is instantly reflected for all participants in the room.

The project focuses on real-time communication, room management, and synchronization using WebSockets. It also includes live chat, join/leave notifications, and automatic host transfer when the host exits.

Key Features

  • Real-time synchronized YouTube playback
  • Room creation and joining via unique room codes
  • Live chat with join and leave notifications
  • Automatic host transfer on disconnect
  • Responsive UI for desktop and mobile

Tools Used

HTML
CSS
JavaScript
Node.js
Express.js
Socket.IO
YouTube Iframe API
Supabase
Firebase
WebSockets
Git