Watch-party

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

★ 12 Open GitHub ↗

A Next.js powered Watch Party app where users can join rooms, watch YouTube videos in perfect sync, and chat in real-time, creating a shared online theater experience hosted on Vercel.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🎉 Watch Party App (Next.js)

## 📖 Overview
This project is a **Watch Party web application** built with **Next.js** where users can **watch YouTube videos together in real-time** and **chat in a shared room**.  
It provides a fun and interactive way to enjoy content with friends, no matter where they are.

The app synchronizes video playback across all participants and includes a **live chat feature**, creating a shared virtual theater experience.

---

## ⚙️ Tech Stack
- **Frontend:** [Next.js](https://nextjs.org/) ⚡  
- **Video Player:** [YouTube Embed / IFrame API](https://developers.google.com/youtube/iframe_api_reference) 🎥  
- **Chat System:** WebSocket / Real-time Messaging 💬  
- **Deployment:** [Vercel](https://vercel.com/) 🌍

---

## 🛠 Features
- 🎥 **YouTube Video Playback** — Play any YouTube video inside the app.  
- 🔗 **Shared Rooms** — Invite friends with a room link to join the watch party.  
- ⏯️ **Synchronized Playback** — Play, pause, and seek are mirrored across all participants.  
- 💬 **Live Chat** — Chat alongside the video with everyone in the room.  
- 🌐 **Deployed on Vercel** — Fast and globally available.

---

## 🚀 Deployment Link
- 🔗 **Live Demo:** [Watch Party on Vercel](#)

---

## 🛠 Development Journey
### 1. Local Development
- Built the app with **Next.js** for fast performance and SSR/CSR support.  
- Integrated **YouTube IFrame Player API** for video playback.  
- Added **real-time chat** using WebSockets.

### 2. Cloud Deployment
- Hosted the **Next.js app on Vercel** for production-ready hosting.  
- Ensured seamless synchronization between video playback & chat across users.

---

## 📌 How to Run Locally
1. **Clone repo**  
   ```bash
   git clone https://github.com/your-username/watch-party-app.git
   cd watch-party-app
   npm install
   npm run dev

Watch-party

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README