By Soham Suhas Joshi
B.Sc. Computer Science Project • University of Mumbai
📌 Introduction
With remote work and virtual classrooms now mainstream, video conferencing tools are more essential than ever. But most existing solutions—like Zoom or Google Meet—are bloated with features, overly complex, or come with time-limited free tiers.
That’s where StreamSpace comes in — a web-based video conferencing platform tailored for smaller teams and individuals who value simplicity, privacy, and reliability.
💡 Why I Built This
As a Computer Science student passionate about web development, I wanted to build something that wasn’t just academic, but practical and usable. I envisioned a tool that’s:
- 🔧 Easy to set up and use
- 🎥 Offers real-time, high-quality video/audio
- 🔐 Secure and role-based
- ☁️ Fast, scalable, and deployable on the web
StreamSpace became my final-year B.Sc. project, and now, it’s open-source and ready for the community.
🛠️ Tech Stack
Here’s what powers StreamSpace under the hood:
| Layer | Tools & Frameworks |
|---|---|
| Frontend | Next.js, TypeScript, Tailwind CSS, ShadCN UI |
| Real-Time Media | Stream API (GetStream) |
| Auth | Clerk (role-based user access) |
| Deployment | Vercel (serverless hosting, auto-scaling) |
| Design Models | Use Case, ERD, DFD, Class Diagrams |
🧠 Key Features
✅ High-quality video/audio conferencing
✅ Secure login/signup (with Clerk)
✅ Centralized meeting scheduling
✅ Personal meeting rooms
✅ Responsive mobile/desktop UI
✅ Simple interface with intuitive navigation
🔄 Deployed on Vercel, optimized for speed and accessibility.
🔍 Existing Tools vs StreamSpace
| Feature | Zoom/Google Meet | StreamSpace |
|---|---|---|
| Time limits (free) | Yes (Zoom: 40 mins) | ❌ No limits |
| Feature overload | Often overwhelming | ✅ Minimal,core- focused |
| Security issues | “Zoombombing” incidents | ✅ Clerk-secured auth |
| Mobile/browser support | Good | ✅ Optimized for both |
| Self-hosting option | ❌ Not easily possible | ✅ Yes (open-source) |
🧩 System Architecture
StreamSpace is modular and cleanly structured. It includes:
- Use Case Diagram: Login, Create, Join meetings
- ER Diagram: Users, Meetings, Recordings
- DFDs: Logical data flow from users to system
- Class Diagram: Object-oriented mapping of entities
📱 UI Walkthrough
Built using Tailwind CSS and ShadCN, the UI is minimal and efficient:
- 🧭 Home Page – View & manage meetings
- 🎥 Meeting Room – Stream API–powered video calls
- 📅 Schedule Page – Plan future sessions
- 🔁 Previous Recordings – Review past meetings
- 📲 Mobile View – Fully responsive for mobile browsers
🔮 What’s Next (Future Roadmap)
Here are features I plan to add:
- 💬 Real-time chat inside meetings
- 🧠 AI-based meeting summaries & transcription
- 🧑🎨 Collaborative whiteboard
- 🗓️ Google Calendar & Outlook integration
- 📱 Native mobile apps (React Native)
- 🌍 Multi-language support + live translation
- 🔌 Task manager integrations (Trello, Jira)
👨💻 What I Learned
This project taught me how to:
- Integrate real-time APIs (Stream Video)
- Manage user sessions & permissions with Clerk
- Build responsive UIs using Tailwind CSS & ShadCN
- Deploy modern apps with serverless architecture on Vercel
- Design scalable systems using diagrams and planning tools
📦 Try It or Contribute
🚀 Live Demo: https://streamspace-videochat.vercel.app/__
📁 Source Code: github.com/Jsoham13/streamspace_videochat.git
🙌 Feedback, issues, and contributions are welcome!
📚 References
🤝 Let’s Connect
- 📧 Email: sohamj346@gmail.com
- 🧑💼 LinkedIn: linkedin.com/in/06soham-joshi
- 💻 GitHub: github.com/Jsoham13
🔥 Whether you're a developer, contributor, or just curious — check out StreamSpace. Let’s make virtual collaboration simpler, together.
Top comments (0)