Before the outbreak of COVID-19, people generally visit their family members (if they are not living together) once per week/ month. They spend time together and carry out activities such as chatting, cooking and having lunch/ dinner, watching TV, etc. However, this may not be possible due to the current pandemic.
Inspired by Discord, we would like to build a platform that allows users to create a virtual living room for their family, with both text and video channels that users can feel free to hop on and off. The platform offers videos, movies, TV shows from a range of sources including Netflix, YouTube, Vimeo, and more. Users can watch videos with their families and hang out together.
What it does
Watch Together offers a platform for users to connect with their families.
The platform provides recommended videos and popular videos from various sources such as Netflix and YouTube. Users create video channels and invite users by their username or email. In the video channel, users can play the video added inside the video channel, and users inside the video channel will be also able to watch the same video. Users can turn on their cameras and microphones so they can see and talk to other users inside the video channel. Users can also chat with other users inside video channels using text.
Users can watch videos in living room mode, mini mode, and full-screen; and save videos for later. Users can vote for a video that they would want to watch together and see the ranking of videos.
How we built it
We made low fidelity wireframes using Miro, and designed the UI and high fidelity wireframes using Figma. We integrated authentication and authorization of our progressive web app using auth0, and developed the front-end using quasar, vercel and vue. We developed the backend using Python and flask.
Challenges we ran into
We encountered the error loginWithRedirect of null, and users will need to clear cookies/ data.
Accomplishments that we are proud of
We have developed a functional web app. Users can login using their Google account or email address, search videos and play a video. They can also chat with other users while watch videos with the chat function.
What we learned
We learnt a lot on authentication using auth0, develop front-end with vercel and backend with flask and Python.
What's next for Watch Together
- Calendar invitation
Schedule videos for your family
- Video call
Video call your family and watch videos together
- Family groups
Organize your family members into groups