Hello Dev.to community!
As the title says we are building a little meeting app that we call Collabify. Collabify gives you voice, webcam and screensharing in the browser with no downloads needed.
Why?
It all started as a project during a course in university where myself and Alexander LΓΆΓΆf got the opportunity to try and build whatever we wanted, with whatever technology we wanted to learn. So we figured - Let's build a meeting app, that be fun right? π€·ββοΈ.
Stack
React, TypeScript, MobX, Styled Components, Apollo GraphQL, WebRTC, Socket.IO, Node and all that kind of good stuff! π¦π©π°π¬
How did it go?
It was a challenge! π΅β We were often deep down in documentation figuring out webRTC or [insert random from mentioned tech stack]. Sometimes feeling like π±βπ€'s and other times like π€― || π€¬ || π. You can take a look at the app by clicking the link below.
What's next?
We will keep working on this app while we are still at university. We have some ideas we want to try out and we dream of turning this into a little SaaS platform. If anything it's a fun project that have taught us alot about web development.
Tell us what you think! π
Top comments (20)
This looks really nice! With Hangouts on the chopping-block, this might be my new go-to for quick online meetings!
Thank you Casey!
What's the deal with the "Hangouts being shut down" thing? From what I gather it seems google are going to rebrand it and split it into two separate new products... Be interesting to see what they come up with
Gorgeous. Well done Simon
cool app
Ty Tushar!
Nice UI, cool app. quick bug: after the meeting is full The organizer don't get any notificaiton
Thanks Shobi!
Hmm the meeting organizer should receive a notification if someone tries to join the meeting when the meeting is full. You are right though - it would be nice to know when the meeting is full in advance. I'll make a task out of it :)
Thanks again for testing the app and giving us feedback!
The UI looks great. Will try it out soon. Thanks.
Thank you Rajeev! Yes please do try it out :)
Beauiful design!
(Only semi-negative comment is that the display resembles discord in a way)
I love the idea and can really see it being used for groups of teams where remote work is an issue.
I'd suggest opensourcing the project after having read some posts by Ben Halpern (Founder of Dev.to).
Most notably, these posts:
Ben's Five Keys to Creating a Successful Side Project
Ben Halpern γ» Feb 25 '17 γ» 6 min read
DEV Went Open Source One Year Ago Today, And We Have So Much More Planned!
Ben Halpern γ» Aug 8 γ» 4 min read
dev.to/ben/devto-is-now-open-sourc...
Hope you consider this as your buisness grows and mad probs to you on your journey, I wish you all the luck!
Great idea. The interface clean, modern and good UX I will test the app. Congrats.
Thank you Diego!
It's definitely a fun project at school!
Objectively speaking, isn't this inspired by asana.com? I have been using Asana for long time and I can't help but noticing ...
Asana has 3 dots on log and you have 4 dots :)
Asana interface vs collabify.app interface
Asana
collabify
I don't think it's a big deal, but it'd be nice to shout out inspiration :)
Beautiful!
Liked app, working well with mobile browser too
This is absolutely gorgeous. I'd like to know what the most difficult part of building this was for you guys if that's not too much to ask?
Thank you for your kind words Ovie!
There was alot of difficulties as there is when learning new concepts and we tackled a few.
The most difficult? WebRTC, learning and understanding it, working with and all the events, multiple streams and tie it all together in the frontend. Could probably write a whole blogpost on all the difficulties π
Really cool UI and very simple to use.
Thank you Ganesh!
That doesn't look good!
We can't seem to reproduce it. What does your environment look like? browser etc?
Try a hard refresh and let us know if it works