Introducing Face Meet, built with the latest Next.js and TypeScript, this project replicates Zoom, a widely used video conferencing tool. It enables users to securely log in, create meetings and access various meeting functionalities such as recording, screen sharing, and managing participants. Face Meet is a powerful and intuitive video call web app designed to provide the smoothest user experience across all devices. Whether you're scheduling a meeting, hosting a video call, or recording your session for future reference, Face Meet has you covered.
- Authentication: Implements authentication and authorization features using Clerk, allowing users to securely log in via social sign-on or traditional email and password methods, while ensuring appropriate access levels and permissions within the platform.
- 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 (pinning, muting, unmuting, blocking, allowing video share).
- 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 for sharing the link or immediate start.
- 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, adapting seamlessly to different screen sizes and resolutions.
-
Tech Stack:
- Next JS
- TypeScript
- Clerk Secured Authentication
- Getstream SDK
- Shadcn UI
- Tailwind CSS
-
Tools:
- Vs Code for coding
- Vercel App for deployment
You can view the live version here : https://face-meet-call.vercel.app/
Feel free to reach out to me:
- Email: prathamsingh19102003@gmail.com
- LinkedIn: https://www.linkedin.com/in/prathamsingh19102003
- GitHub: https://github.com/prathamsingh19
- Instagram: https://www.instagram.com/prathamsingh.__/
Thank you 👋