Team Name
WatchBuddy
Timeline
Spring 2021 – Summer 2021
Students
- Tuyen Hoang
- Lincoln Bhattarai
- Nilesh Dhakal
- Debbie Nguyen
- Kapil Thapa
Abstract
This blog post explains the inspiration and structure behind the WatchBuddy website application project that our team, ChipsNSalsa, has came up with in the front-end, back-end, and database throughout the past two semesters. Additionally, we have showcased our demo, links, and the steps needed to create and successfully interact within a group and a few other components.
Background
Often times we find ourselves stuck at home, unable to unwind and relax with family and friends. With new technology advancements and the internet, our team was able to come up with a way to provide an efficient and easy way to connect with one another virtually. Whether it may be distance, inconvience, or a pandemic, WatchBuddy has gotten you covered.
Team ChipsNSalsa has created a website application called, WatchBuddy, which allow users to connect and interact with family and friends through our party rooms. These party rooms allow users to share their screens with the group and allow interactions in the group messages.
Our project also provides a wide variety of videos that users are able to stream and save onto their profile page – thus allowing users to find their favorite videos all in one place.
Project Requirements
- Users will be able to register for an account.
- Users will be able to log into the account.
- Users will be able to edit their profile: Profile picture, bio, and favorite videos.
- Users will be able to add and delete buddies from their friends list.
- Users will be able to add and remove liked videos on their profile page.
- Users will be able to watch YouTube videos on the genre and profile pages.
- Users will be able to direct message their buddies using the chat-box functionality through the bubble icon on their profile page.
- Through the meetings page, users will be able to add multiple users to a room or chat.
- Through the meetings page, users will be able to join available meeting rooms.
- Through the meetings page, users will be able to chat and share screens with the party in the room.
System Overview
WatchBuddy consists of a front-end application, a back-end layer, the database manager, and Amazon RDS for our database. WatchBuddy is compatible with any web browser that can interpret HTML5 and CSS3.
Front-end layer is specifically designed to handle application display, interactive interface, and sending requests to the back-end. The back-end layer interacts with both front-end layer to handle dynamic functionalities or the database manager for data-related tasks such as : ability to watch various video genres, that is allocated in our AWS database. Our database manager was designed for chat and screen sharing functionalities that are implemented on the meetings page, which saves and pulls requests for the corresponding watch parties.
Below is a simplified diagram of the systems used in this project for the necessary functionalities of the website:
Results
A demo of our website application is shown below:
Future Work
Future work on this website application includes:
- Pop-up chat option in lower corner.
- Voice Channel functionality.
- Webcam functionality.
- Advancement on the front-end components for the profile and meetings page.
- Expansion to mobile: iOS and Android app stores.
Project Files
Project Charter (link)
System Requirements Specification (link)
Architectural Design Specification (link)
Detailed Design Specification (link)
Source Code (link)
Poster (link)
