Inspiration

Real-time communication apps like Zoom and Google Meet ,google docs.

What it does

Two people can join a shared link to start a video call. Once connected, they can talk naturally like a real conversation. Participants can also move and resize each other's video feeds for a customizable layout. For collaboration, they can create notes that sync in real-time and see each other's mouse cursors.

How we built it

We used WebRTC for real-time video streaming, Ably for notes sync ,video move and rezise ,cursor sharing, React for the frontend, and Node.js on the backend.

Challenges we ran into

Getting WebRTC connections to work reliably, synchronizing state across clients, and enabling object movement took significant effort.

Accomplishments that we're proud of

We're proud to have a working product that supports fluid video chat and real-time collaboration features.

What we learned

Working with WebRTC and real-time data synchronization .

What's next for CollabPad

add collaborative tools like screen sharing, whiteboards, and support for more participants.

Share this project:

Updates