WatchShare is a simple and efficient screen-sharing application that allows users to create a room and share their screen with others in real-time. Whether you're presenting to an audience, collaborating on a project, or teaching an online class, WatchShare makes it easy to connect and share your screen instantly.

• Create a Room: Quickly create a room to start screen sharing with others.
• Join a Room: Join an existing room using a room code or shareable link.
• Real-Time Screen Sharing: Share your screen with participants in real-time.
• Cross-Browser Support: Works seamlessly across modern browsers (Chrome, Edge, etc.) with support for both audio and video sharing.
• Easy to Use: User-friendly interface to manage sessions and join rooms with minimal steps.
• Modern UI: Designed with ShadCN UI and Magic UI for a clean, responsive, and intuitive user experience.

• Next.js: For building the application and routing.
• React: For building interactive components.
• PeerJS: For real-time peer-to-peer connection for screen sharing.
• Tailwind CSS: For styling and UI components.
• ShadCN UI: A UI component library to enhance the design and user experience.
• Magic UI: Another UI library to ensure modern and dynamic interface elements.

1. Clone the repository:

   git clone https://github.com/sankettank66/WatchShare.git
   cd watchshare

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

Visit http://localhost:3000 in your browser to see the app in action.

Create a Room : Navigate to the "Create Room" page, and click "Create Room" to start screen sharing. You will be given a unique room code and shareable link to send to others.

Join a Room: Navigate to the "Join Room" page, enter the room code or use the shareable link to join an existing session and view the presenter's screen.