devabdultech / sync-tube

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 :) 📽

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!