🎬 Watch Party Website

This project provides a platform for enjoying movies with friends and family in perfect sync. If you’ve struggled to find a good, free service for synchronized movie watching, you’ve found the right place! 🎉

🚀 Motivation

This project was inspired by the challenge of finding a free, reliable way to watch movies synchronously with friends and family. Many existing services either lacked essential features or were not freely available. I aimed to build a solution that makes it easy to enjoy movies together, no matter where you are.

✨ Features

Offline Movie Watching: Watch movies from a local file with your friends. 🖥️
Online Streaming: Stream videos using a video file or m3u8 URL for a seamless online experience. 🌐
Real-Time Chat: Engage in real-time conversations with friends while watching. 💬
Reaction Bar: React to scenes with emojis, making the movie-watching experience more interactive. 😄😂😱
Multiple Subtitles: Support for multiple subtitles, available both offline and online, to accommodate different languages and preferences. 🗣️📜

🛠️ Tech Stack

Node.js: Manages server-side logic and backend operations. 🔧
Socket.io: Facilitates real-time communication and synchronization between users. 🔗
Vue.js: Handles the client-side interface, providing a responsive and user-friendly experience. 🎨

📂 Project Structure

Root Directory: Contains the frontend part of the application.
api Directory: Houses the backend code and server logic.

🌐 Live Demo

Invite your friends and come over to our live demo at https://party-streaming.ahmedsobhy.net! See the features in action and enjoy a movie night together!

🚧 Getting Started

Follow these steps to get the project up and running locally:

Clone the Repository:

git clone https://github.com/AhmedSobhy01/watch-party.git
cd watch-party

Create the .env File: Copy the .env.example file to create a new .env file:
```
cp .env.example .env
```
Install Frontend Dependencies: Navigate to the root directory and run:
```
npm install
```
Install Backend Dependencies: Navigate to the api directory and run:
```
cd api
npm install
```
Create the .env File: Copy the .env.example file to create a new .env file:
```
cp .env.example .env
```
Start the Backend Server:
```
npm start
```
Start the Frontend Application: In another terminal, return to the root directory and run:
```
npm run build
npm start
```
Open Your Browser: Visit http://localhost:3000 to start using the watch party website. 🍿

⚙️ Configuration

Customize settings such as server port and other environment variables in the .env file. Refer to the .env.example file for guidance on setting up your environment.

📜 License

This project is licensed under the MIT License. For more details, see the LICENSE file.