VideoSDK React Integration Demo

Hi! 👋

This is a demo app I built to show how developers can integrate VideoSDK into a React app. It’s not meant for production or regular users—just a simple example for learning and experimenting.

---

What This App Does

• Demonstrates how to create and join video meetings using VideoSDK.
• Shows how teachers and students can connect through class links.
• Sends notifications to selected students to join meetings.

---

How to Run

1. Clone the repo:

   git clone https://github.com/sosumit001/videosdk-classroom-demo.git
   cd videosdk-classroom-demo

2. Install dependencies:

   npm install

3. Set up environment variables:

   • Rename .env.example to .env.
   • Add the auth token:

     REACT_APP_VIDEOSDK_AUTH_TOKEN=<Your-VideoSDK-Token>
     

     Tip: You can create your API key at https://app.videosdk.live/api-keys.

4. Start the app and mock server:

   • Start React:

     npm start

   • Run the JSON server (mock data):

     npm run server

---

Tech Stack

• React – For building the frontend
• VideoSDK – For video meetings
• React Router – For routing
• JSON Server – For testing with mock data
• TailwindCSS – For simple styling

---

Disclaimer

This app is just a demo for developers. It’s not intended for real-world use, just to give an idea of how to integrate VideoSDK with React.

---

Thanks for checking it out! 🎉