StudyGuard

First Screen
Second Screen

Inspiration

We find staying focused while studying is hard! We created a web application that would students stay focused when studying by themselves or in groups.

What it does

This web application has a camera feature that allows you to set a timer for your study session and every time you move out of the frame or go on your phone, it yells at you!

How we built it

We created the application with HTML, CSS, and JavaScript, augmented by React for its responsive UI capabilities. We utilized TensorFlow.js to train a machine-learning model for posture and presence detection through the webcam. We used ChatGpt to help debug the code.

Challenges we ran into

A main challenge was setting up the server using Socket.io to get real-time communication between individuals. We ran into dependencies issues trying to get the application running on different devices.

Accomplishments that we're proud of

Despite the challenges we faced, we managed to combine our individual components into a cohesive final product that reflected our initial creative vision. We successfully integrated webcam access, and machine learning models for distraction detection. We designed a user interface that's not only functional but also engaging.

What we learned

We learned about webcam Integration which is accessing and monitoring the webcam feed. Also, we learned how to use TensorFlow.js to detect when someone is distracted or leaves the frame. We also learned the importance of a user-friendly interface that’s engaging.

What's next for StudyGuard

We would want to refine our code to notify only once when the user is distracted. We would want to implement user features such as a functional login to save user data; including earning achievements as well as track various studying stats.