DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Showdev: We are building an online meeting app - Collabify πŸŽ‰πŸŽ¦πŸ–ΌπŸŽ­
Simon Holm
Simon Holm

Posted on

Showdev: We are building an online meeting app - Collabify πŸŽ‰πŸŽ¦πŸ–ΌπŸŽ­

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.

https://collabify.app

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 (22)

Collapse
 
cjbrooks12 profile image
Casey Brooks

This looks really nice! With Hangouts on the chopping-block, this might be my new go-to for quick online meetings!

Collapse
 
simonholm15 profile image
Simon Holm • Edited on

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

Collapse
 
amite profile image
Amit Erandole

Gorgeous. Well done Simon

Collapse
 
tusharborole profile image
Tushar Borole

cool app

Collapse
 
simonholm15 profile image
Simon Holm

Ty Tushar!

Collapse
 
ppshobi profile image
Shobi

Nice UI, cool app. quick bug: after the meeting is full The organizer don't get any notificaiton

Collapse
 
simonholm15 profile image
Simon Holm

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!

Collapse
 
ra_jeeves profile image
Rajeev R. Sharma • Edited on

The UI looks great. Will try it out soon. Thanks.

Collapse
 
simonholm15 profile image
Simon Holm

Thank you Rajeev! Yes please do try it out :)

Collapse
 
jeddevs profile image
Theo

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:

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!

Collapse
 
diomalta profile image
Diego Malta

Great idea. The interface clean, modern and good UX I will test the app. Congrats.

Collapse
 
simonholm15 profile image
Simon Holm

Thank you Diego!

Collapse
 
tuwang profile image
TuWang

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 vs collabify

Asana interface vs collabify.app interface

Asana

Asana

Asana

collabify
collabify

I don't think it's a big deal, but it'd be nice to shout out inspiration :)

Collapse
 
devkumi profile image
Takumi

Beautiful!

Collapse
 
kulpras profile image
Prasanna Kulkarni

Liked app, working well with mobile browser too

Collapse
 
ovieokeh profile image
Ovie Okeh

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?

Collapse
 
simonholm15 profile image
Simon Holm

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 😁

Collapse
 
ganeshkumarsr profile image
Ganesh kumar

Really cool UI and very simple to use.

Collapse
 
simonholm15 profile image
Simon Holm

Thank you Ganesh!

Collapse
 
simonholm15 profile image
Simon Holm

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

Stop sifting through your feed.

Find the content you want to see.

Change your feed algorithm by adjusting your experience level and give weights to the tags you follow.