https://github.com/emanuelchristo/movie-night

⭐️ Sync play local video files with your friends
https://github.com/emanuelchristo/movie-night

movie-night nuxtjs sync-play-files vue watch-party

Last synced: about 2 months ago
JSON representation

⭐️ Sync play local video files with your friends

• Host: GitHub
• URL: https://github.com/emanuelchristo/movie-night
• Owner: emanuelchristo
• Created: 2021-09-25T18:53:56.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-12-27T07:52:40.000Z (over 1 year ago)
• Last Synced: 2024-06-12T15:56:36.644Z (3 months ago)
• Topics: movie-night, nuxtjs, sync-play-files, vue, watch-party
• Language: Vue
• Homepage: https://movienight.ecris.in
• Size: 12.9 MB
• Stars: 29
• Watchers: 2
• Forks: 10
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🍿 Movie Night



  

  

    

  



> Web app to play local video files and youtube videos in sync with your friends for a great movie night!

## ⭐️ [Demo](https://movienight.ecris.in/)

## 🏙 Screenshots

![Player](./screenshots/screenshot_1.png)

![Landing page](./screenshots/screenshot_2.png)

![Creating room](./screenshots/screenshot_3.png)

![Waiting for host](./screenshots/screenshot_4.png)

## 💿 Usage

```sh

# install dependencies

$ yarn install

# serve with hot reload at localhost:3000

$ yarn dev

# build for production and launch server

$ yarn build

$ yarn start

# generate static project

$ yarn generate

```

## ‼️ Note

This is the frontend of the web app. You can get the server [here](https://github.com/emanuelchristo/movie-night-server)

## 🌳 Environment Variables

On deploying set `SERVER_URL` env var to the server's url

## 🪜 Steps

1. Create a room ➕

2. Add a name and thumbnail 🌆

3. Add video 🎬

4. Invite your friends 🕺

5. Chill 🍿

## 💎 Features

🔮 Beautiful UI  

🔥 Fast realtime updates  

⌛️ No refreshes needed  

📺 Floating video  

📄 Subtitles

## ❓ FAQs

#### 1. What can I do with this?

> Watch video (local files and youtube) in sync with your friends

#### 2. Does that mean all my friends should have the same video file?

> Yes, if you want to watch videos from you device. You can also watch youtube videos by just adding its link

#### 3. Do I have to login to use this?

> Absolutely no. All you have to give is a nickname - whatever you prefer

## 🚗 Roadmap

- Add voice chat

- Add text chat

- Responsive UI

- Add more host controls

- [Random Movie](https://github.com/emanuelchristo/random-movie) integration

- Movie brainstorming board

- Streaming

- Social media of cinephiles

## 🧑‍💻 Author

Emanuel Christo

## 🔗 Links

[![github](https://img.shields.io/badge/github-000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/emanuelchristo)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/emanuelchristo/)

[![twitter](https://img.shields.io/badge/instagram-f76623?style=for-the-badge&logo=instagram&logoColor=white)](https://instagram.com/emanuel.christo)

## 📄 License

MIT

## Show your support

Give a ⭐️ if this project helped you!

---