Virtual Meet: A Modern Web-Based Video Conferencing Platform
Shivamrajsinh Dhummad, 21BIT008 ( Group No.: 464)
PDEU Supervisor Name: Dr. Bablu Singh
Industry Supervisor Name : Ms. Hima Pandya
Introduction and Objectives Research Gaps
Introduction :
The internship involved developing a modern web-based video conferencing application using • Lack of open, customizable conferencing tools with developer support
full-stack technologies such as Next.js, Stream SDK, Tailwind CSS, and Clerk. The project • Limited real-time platforms using modern React-based SSR architectures
focused on building a secure, scalable, and responsive platform with real-time video, audio, • Gaps in integrating media protocols (WebRTC) with secure, user-friendly
screen sharing, and user authentication features. I contributed to both frontend and backend UIs
development.
Objectives :
• To develop a real-time, browser-based video conferencing web application.
• To design a responsive and accessible user interface using Tailwind CSS and Shadcn/UI.
• To integrate audio/video communication, screen sharing, and in-meeting chat using
WebRTC.
Methodology and Techniques
Next.js 14
Used For:
• Server-side rendering (SSR) & routing
• Page optimization and React-based frontend
• Backend logic using API routes
Stream Video SDK
Used For:
• Peer-to-peer video/audio & screen sharing
• Dynamic room creation and controls
• WebRTC abstraction and TURN/STUN handling
Clerk Authentication
Used For:
• Secure user login (Google, Discord, GitHub)
• JWT-based session management
• Route protection and user roles
Tailwind CSS + Shadcn/UI
Used For:
• Responsive utility-first design
• Dark/light mode toggling
• * Pre-built accessible UI components
Work Completed and Results
Conclusion and Remaining Work Bibliography/ References
Conclusion : 1. E. Freeman and E. Robson, Head First HTML and CSS, 2nd ed.,
• Developed a scalable and secure conferencing app using Next.js, Clerk, and Stream Sebastopol, CA: O’Reilly Media, 2012.
• Gained deep hands-on experience in full-stack web application development 2. M. Kantor, Learning WebRTC: Build Real-Time Communication with
• Strengthened practical skills in UI/UX, deployment, and media streaming WebRTC, Packt Publishing, 2018.
3. R. Haines, Modern Full-Stack Development: Using TypeScript, React,
Remaining Work : Node.js, Webpack, and Docker, O’Reilly Media, 2020.
•Add features like meeting recording, chat history, file sharing 4. Mozilla Developer Network. “WebRTC API,” MDN Web Docs, Accessed
•Integrate calendar scheduling and AI-based transcription March 2025.
•Extend role-based permissions (host/admin/participant) and mobile optimization 5. Vercel Inc., “Next.js Documentation,” https://nextjs.org/docs, Accessed
March 2025.