In part one of this two-part series, we focused on building the home page and lobby page of the Google Meet clone. We also worked on:

Integrating user authentication 
Setting up Stream’s Video SDK to enable video calling 
Installing Stream’s Chat SD...

Tobiloba Adedeji

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

This post is part two in a series on building a Google Meet clone using Next.js and TailwindCSS. It focuses on creating the meeting page UI, which includes custom video layouts, call controls, and integrating features such as screen sharing, chat messaging, and call recording. The custom components such as `ParticipantViewUI`, `VideoPlaceholder`, `GridLayout`, and `SpeakerLayout` are detailed. Additionally, the post explains how to add animations using GSAP and integrate call control buttons for toggling the microphone, camera, screen sharing, recording, and leaving the call. Finally, a Meeting Popup component is introduced to notify the meeting creator and provide the meeting link for sharing.

Building a Google Meet Clone with React and TailwindCSS

<p>me gustó gracias por la idea para crear un proyecto personal</p>


<p>Thank you. Very details and handy!</p>
