𝗟𝗼𝗼𝗽𝘆 👾

A video conference app using Mediasoup. WebRTC is something that developers will likely encounter sooner or later, so let's dive into Mediasoup.

𝗦𝗼, 𝗪𝗵𝗮𝘁’𝘀 𝗠𝗲𝗱𝗶𝗮𝘀𝗼𝘂𝗽?

As the name suggests, it’s a bit like cooking a dish yourself xD. It provides an SFU (Selective Forwarding Unit) architecture as a recipe, and you build a flexible and scalable WebRTC app using your own logical approach.

𝗕𝗿𝗶𝗲𝗳𝗹𝘆: An SFU is a selective forwarding unit, meaning it builds transports and manually selects the peers that need the media streams. This helps save bandwidth and significantly boosts performance for multi-party apps.

𝗧𝗲𝗰𝗵 𝗦𝘁𝗮𝗰𝗸

𝗙𝗿𝗼𝗻𝘁𝗲𝗻𝗱: Shadcn, Vite, React, MediasoupClient, and Clerk for authentication.

𝗕𝗮𝗰𝗸𝗲𝗻𝗱: Mediasoup for WebRTC, Socket.io for signaling, and Express for the server.

𝗖𝗼𝗱𝗲 𝗦𝘁𝗿𝘂𝗰𝘁𝘂𝗿𝗲: Written in an object-oriented approach with class data structures, making the data encapsulated, scalable, and well-organized.

𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀

• Authentication (Including OAuth: Google, Github)
• Room Creation/Joining (Quick Start)
• Preview Section before Joining:
• Mic/Speaker Testing
• Pre-select Devices (Mic, Speaker, Camera)
• Pre-configure Devices (Mic, Camera Toggle)
• Screensharing
• Chat System
• Raise Hand
• Emojis Display
• Notification System (For participants' activities)
• Participant Controls (Leave, End, Device Settings)
• Room Status Bar
• Input/Output Sound Signaling Indicator for Participants

If you're interested, feel free to try it out and share any feedback :3.
You can contribute to bug fixes or refactors too!

Note: Mobile responsiveness isn’t fully implemented yet, I got a bit lazy with that part xD.

𝗚𝗶𝘁𝗛𝘂𝗯 𝗥𝗲𝗽𝗼 - https://github.com/devshinthant/loopy
𝗟𝗶𝘃𝗲 𝗟𝗶𝗻𝗸 - https://loopy-ashen.vercel.app/