Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sosumit001/videosdk-classroom-demo
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.
https://github.com/sosumit001/videosdk-classroom-demo
javascript json-server reactjs videosdk
Last synced: about 1 month ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/sosumit001/videosdk-classroom-demo
- Owner: sosumit001
- Created: 2024-10-20T16:42:11.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2024-10-22T03:56:06.000Z (2 months ago)
- Last Synced: 2024-10-23T05:53:59.150Z (2 months ago)
- Topics: javascript, json-server, reactjs, videosdk
- Language: JavaScript
- Homepage:
- Size: 175 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:**
```bash
git clone https://github.com/sosumit001/videosdk-classroom-demo.git
cd videosdk-classroom-demo
```
2. **Install dependencies:**
```bash
npm install
```
3. **Set up environment variables:**
- Rename `.env.example` to `.env`.
- Add the **auth token**:
```
REACT_APP_VIDEOSDK_AUTH_TOKEN=
```
> **Tip:** You can create your API key at [https://app.videosdk.live/api-keys](https://app.videosdk.live/api-keys).
4. **Start the app and mock server:**
- Start React:
```bash
npm start
```
- Run the JSON server (mock data):
```bash
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! 🎉