https://github.com/mohit1106/meetx
Make Real-time spontaneous calls or host video meetings with your friends and colleagues, all in one app.
https://github.com/mohit1106/meetx
clerk getstream nextjs nextjs14 shadcn tailwindcss typescript
Last synced: 3 months ago
JSON representation
Make Real-time spontaneous calls or host video meetings with your friends and colleagues, all in one app.
- Host: GitHub
- URL: https://github.com/mohit1106/meetx
- Owner: mohit1106
- Created: 2025-01-11T20:08:14.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-07T21:37:01.000Z (about 1 year ago)
- Last Synced: 2026-01-03T17:19:37.657Z (6 months ago)
- Topics: clerk, getstream, nextjs, nextjs14, shadcn, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://meet-x-seven.vercel.app
- Size: 1.4 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
this project is 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.
## 🔗 Links
Live Project: (https://meet-x-seven.vercel.app/)
## ⚙️ Tech Stack
- Next.js
- TypeScript
- Clerk
- getstream
- shadcn
- Tailwind CSS
- React
## 🔋 Features
👉 **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.
and many more, including code architecture and reusability.
## 📷 ScreenShots
This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.