A modern video conferencing application built with React, powered by ZEGOCLOUD SDK for real-time communication. Features include video calls, screen sharing, and virtual meetings with multiple participants.
- 💻 One-on-One and Group Video Conferencing: Seamless video calls supporting both one-to-one and multiple users in a single session.
- 💬 In-Call Messaging: Real-time chat functionality to communicate with participants during the call.
- 📝 Whiteboard Integration: Collaborative whiteboard for real-time drawing, annotations, and brainstorming within the video call.
- 📌 Pin User: Highlight or pin a specific participant, keeping their video feed in focus for all users.
- 🔗 Invite Link Generation: Easily invite others by generating and sharing a unique room link.
- 🖥️ Screen Sharing Capability: Share your screen with other participants for presentations or collaboration.
- 🔐 Secure Room Creation: Encrypted rooms for safe, private conversations.
- 🎨 Modern UI with Tailwind CSS: Sleek and intuitive design for an enhanced user experience.
- 📱 Responsive Design: Optimized for both desktop and mobile devices, ensuring flexibility for all users.
- React - Frontend library
- Vite - Build tool
- ZEGOCLOUD SDK - Video calling infrastructure
- Tailwind CSS - Styling
- React Router - Navigation
Before you begin, ensure you have the following installed:
- Node.js (v14.0.0 or higher)
- npm or yarn
- ZEGOCLOUD account and credentials
-
Clone the repository
git clone https://github.com/yourusername/zegomeet.git cd zegomeet
-
Install dependencies
npm install
-
Create a
.env
file in the root directoryVITE_ZEGOCLOUD_APP_ID=your_app_id VITE_ZEGOCLOUD_SERVER_SECRET=your_server_secret
-
Start the development server
npm run dev
- Sign up for a ZEGOCLOUD account
- Create a new project in the ZEGOCLOUD Console
- Copy your App ID and Server Secret
- Update the
.env
file with your credentials
- Open the application in your browser
- Create or join a room using a unique room ID
- Grant camera and microphone permissions
- Start video conferencing!
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature
) - Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- ZEGOCLOUD for their excellent SDK
- Tailwind CSS for the styling framework
- React Router for routing capabilities
For support, email [email protected] or create an issue in this repository.