Skip to content

SyncTube: A Real-Time Synchronized Video Streaming and Chat Application built with Next.js, Typescript, and Supabase Realtime for seamless group watching and chat experiences. Watch online videos and chat with your friends :) 📽

Notifications You must be signed in to change notification settings

devabdultech/sync-tube

Repository files navigation

SyncTube

SyncTube is a real-time synchronized video streaming and chat application that allows users to watch YouTube videos together while chatting in a shared room.

Features

  • Real-Time Video Streaming: Watch YouTube videos in sync with your friends in real time.
  • Chat: Communicate with other users in the same room via real-time chat.
  • Create and Join Rooms: Create your own rooms and invite friends to join, or join existing rooms.
  • User Authentication: Securely log in and authenticate users.
  • Room Management: Manage rooms, control video playback, and chat settings.
  • Responsive Design: Enjoy a seamless experience on various devices.

Technologies Used

  • Next.js
  • Shadcn UI
  • Tailwind CSS

Getting Started

  1. Clone this repository.
  2. Install dependencies: npm install.
  3. Start the development server: npm run dev. First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

Usage

  1. Create a room or join an existing one.
  2. Share the room ID with your friends.
  3. Add a YouTube link to the room to start watching together.
  4. Use the chat to communicate with others in the room.

Happy syncing!

About

SyncTube: A Real-Time Synchronized Video Streaming and Chat Application built with Next.js, Typescript, and Supabase Realtime for seamless group watching and chat experiences. Watch online videos and chat with your friends :) 📽

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published