HabiTrack

• 

  Sign up page

• 

  Sign in page

• 

  Webcam page

• 

  History page

Inspiration

As university students, it can be difficult to find the time and motivation to develop new skills and avoid procrastination. This can be disheartening and impact one's mental health. HabiTrack aims to combat this issue. We set out to create a tool that helps individuals effectively develop new, rewarding habits.

What it does

HabiTrack utilizes your webcam to capture objects in frame and measure how long they are in use to reinforce good habits. You can create a personal account using your email and add habits to your routine that you want HabiTrack to monitor. You can view your progress on your daily habits on HabiTrack's history page.

How we built it

We used the machine learning software Coco SSD Object Detection to aid in the recognition and monitoring of objects. The frontend for the application was built using React. The backend for the application was developed in JavaScript. Node.js was used to import various packages and dependencies such as axios and material-ui. We used mongodb for our database.

Challenges we ran into

Determining the format of our schemas to ensure the database was efficient was difficult. We also had difficulty finding the right calendar component to display a user's daily habits. Early on, Coco SSD Object Detection was not detecting certain objects, so we had to adjust our development to the tool's limitations.

Accomplishments that we're proud of

We got the application up and running. The user authentication works efficiently. The Coco SSD Object Detection can recognize multiple objects.

What we learned

We learned how to use new node.js packages such as moment and express. We learned some new information about machine learning. We learned how to use mongodb to aid in WebDev.

What's next for HabiTrack

Depending on the reception to HabiTrack, we might entertain the idea of going private in the near future.

Built With

• cocossd
• css
• html
• javascript
• machine-learning
• mongodb
• node.js
• react
• tensorflow
• yarn