Inspiration

Human beings are social by nature and although technology allows us to connect to anyone else in the world, nowadays this connection is limited through one-way connections: you look at other people's content and vice-versa.

What it does

This application brings back two-way connections to social media by allowing people to connect with others through real-time video chatting while watching a video together.

How I built it

Built using Laravel and Node.JS. Video playback synchronization done with PubNub API and video call done with Twilio API.

Challenges I ran into

Merging the various code components
Integrating the Twilio-Vue code into the Laravel
Ran out of time to deploy code publicly

Accomplishments that I'm proud of

Coding an intuitive user interface
Accomplishing different API integrations (even if they didn't merge well).
Video syncing
Using a modern stack (Laravel, Vue.js, Javascript, Node.js)

What I learned

How to work in modular teams (front-end/backend)
Visualizing and wireframing an MVP

What's next for Visi

Submitted to

HackUPC 2019

Created by

I worked on the frontend of this project using HTML CSS Jquery and Vue.js, i learned a lot about team playing and how to integrate backend with frontend.

AMOKRANE Abdennour
I'm a computer engineer specialized in graphic design, web development and programming.
I worked at first at refining the idea. Then, designing the solution architecture and tools to use. I worked on integrating the YouTube API within the Laravel backend as well as the database.

Gasmi Adel
I worked with integrating the Twilio API with Vue and Laravel. It was not perfect and ran into some very frustrating bugs. At the end of the day, I gained greater familiarity with Node.JS, Vue (reactive components, props, data) and Laravel.

Harsh Karia
Salaheddine Boukhoulda
Sarah Zhou

Updates

Gasmi Adel posted an update — Oct 13, 2019 02:27 AM EDT

How it works?

In a nutshell, our solution works as the following: The user Connects to the platform Selects the topics of his interest and clicks next Waits to get matched with other viewers over a video in a common topic of interest Uses his webcam to video chat with the others in real time as they are watching the video in a synchronized manner Has the possibility to exit the session and redo 2. or 3.

Log in or sign up for Devpost to join the conversation.

Sarah Zhou started this project — Oct 13, 2019 12:55 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.