https://github.com/rxhul18/streamon
Create a live streaming app with Next.js 15 and ZegoCloud UIKits for seamless real-time video, audio, and chat.
https://github.com/rxhul18/streamon
nextjs tailwindcss-v3 typescript zegocloud zustand
Last synced: about 1 year ago
JSON representation
Create a live streaming app with Next.js 15 and ZegoCloud UIKits for seamless real-time video, audio, and chat.
- Host: GitHub
- URL: https://github.com/rxhul18/streamon
- Owner: rxhul18
- Created: 2024-12-19T20:44:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-01T07:56:33.000Z (over 1 year ago)
- Last Synced: 2025-06-03T00:03:27.602Z (about 1 year ago)
- Topics: nextjs, tailwindcss-v3, typescript, zegocloud, zustand
- Language: TypeScript
- Homepage:
- Size: 79.1 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎥 **StreamOn: Collaborative Streaming Platform**
Welcome to **StreamOn**, This platform lets you easily start a live stream, share the link, and invite others to join as co-hosts or audience members. Whether for collaboration, entertainment, or interaction, **StreamOn** makes streaming seamless and fun!
---
## 📽️ **Youtube Demo video**
- **Link:** https://youtu.be/SABxuVJuFhQ
-
## 🛠️ **Tech Stack**
- **Frontend:** [Next.js](https://nextjs.org/) - A powerful React framework
- **Styling:** [Tailwind CSS](https://tailwindcss.com/) - Modern utility-first CSS
- **Streaming:** [Zegocloud](https://www.zegocloud.com/) - Real-time video and audio API
- **State Management:** [Zustand](https://github.com/pmndrs/zustand) - Lightweight and flexible state management library
---
## 🚀 **Features**
- **Host Your Stream:** Start a live session with just a few clicks.
- **Invite Collaborators:** Share a unique link for co-hosts or audience members to join.
- **Collaborative Co-hosting:** Allow multiple hosts to interact seamlessly in the same stream.
- **Audience Participation:** Bring audiences closer to the action with smooth real-time interaction.
- **Live Chat:** Engage with co-hosts and the audience through an integrated chat feature.
- **Screen Sharing:** Co-hosts can share their screens effortlessly, making it perfect for presentations, demos, and more.
---
## 📸 **Screenshots**
_Explore the user interface and features below:_
---
## 🌐 **How to Run Locally**
1. Clone the repository:
```bash
git clone https://github.com/rxhul18/StreamOn.git
cd StreamOn
npm install
npm run dev
```
2. **Environment Configuration:**
Create a `.env` file in the root directory and add your configuration:
```env
NEXT_PUBLIC_ZEGO_APP_ID="Your AppId"
NEXT_PUBLIC_ZEGO_SERVER_SECRET="Your's secret key"
```
## Contributing 🤝
I welcome contributions! Please fork the repository and create a new branch for your contributions. Submit a pull request once you're done.
1. Fork the project
2. Create your feature branch: `git checkout -b feature/YourFeature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin feature/YourFeature`
5. Open a pull request
## Contact 📬
Have questions or want to collaborate? Feel free to reach out!
- **X (formerly Twitter):** [@mindpuzzledev](https://x.com/mindpuzzledev)
- **Email:** [rahulshah0728@gmail.com](mailto:rahulshah0728@gmail.com)