The Inspiration

The idea for this project came from both of our (very bad) experiences with group projects at UF. Students in group projects can always be hit or miss and sometimes they miss very hard. Often, when stuck with those who don’t pull their weight, it’s very hard to hold them accountable. Planning a group project is hard enough but facing an educator for some people’s failure to follow through on those plans can be harder. That’s where StudySync can come in.

The Process

This website was built primarily using the resources of Google Firebase. Firebase’s Cloud Firestore serves as the hub storing all information connecting students and educators with one another.

This process initially posed a challenge as originally we planned to include a Chrome Extension with our webpage. However, this plan fell through as Chrome's security restrictions prevented us from implementing Firebase the way we hoped, and the Chrome extension part of this project was scrapped.

During this project, we both learned ways to use database content to generate HTML and Javascript content on a webpage. This came in the form of simple things like alert lists, as well as more complex ones like Bootstrap cards, progress wheels, and data graphs.

It was also a challenge to allow for users to assign tasks to team members other than themselves and we both had to learn how to properly access and link unique Firebase ID labels through forms.

What We’re Proud Of.

We’re very proud of the project’s aesthetic and theme design, especially since it was achieved in a relatively short amount of time. We’re especially proud that we managed to successfully undertake a project of this scope with only 2 members. (I also really like the confetti)

Built With

• bootstrap
• confetti.js
• firebase
• html/css
• javascript
• plotly