This Zoom clone app is built using Next.js and offers a range of features to facilitate virtual meetings and collaborations. It provides secure authentication, real-time meeting controls, scheduling capabilities, and a responsive design for optimal user experience across devices.
Check out the live demo of the Zoom clone app here.
- Authentication: Implements authentication and authorization features using Clerk, allowing users to securely log in via social sign-on or traditional email and password methods.
- New Meeting: Quickly start a new meeting, configuring camera and microphone settings before joining.
- Meeting Controls: Participants have full control over meeting aspects, including recording, emoji reactions, screen sharing, muting/unmuting, sound adjustments, grid layout, participant list view, and individual participant management.
- Exit Meeting: Participants can leave a meeting, or creators can end it for all attendees.
- Schedule Future Meetings: Input meeting details (date, time) to schedule future meetings, accessible on the 'Upcoming Meetings' page.
- Past Meetings List: Access a list of previously held meetings, including details and metadata.
- View Recorded Meetings: Access recordings of past meetings for review or reference.
- Personal Room: Users have a personal room with a unique meeting link for instant meetings, shareable with others.
- Join Meetings via Link: Easily join meetings created by others by providing a link.
- Secure Real-time Functionality: All interactions within the platform are secure and occur in real-time, maintaining user privacy and data integrity.
- Responsive Design: Follows responsive design principles to ensure optimal user experience across devices.
- Next.js
- TypeScript
- Clerk
- getstream
- shadcn
- Tailwind CSS
- Clone the repository.
- Install dependencies using
npm installoryarn install. - Configure environment variables as per the provided example in
.env.example. - Run the development server using
npm run devoryarn dev.