HealthyDev

• 

  HealthyDev Home Page

• 

  Training the App

• 

  Back Care Analysis with Pie Chart

• 

  Ear Care Analysis with Bar Chart

• 

  Eye Care Analysis with Line Chart

Inspiration

Developers spend almost half of the day at the desk working. As all of our work is done while sitting in one position in front of our computer screens, we invite all sorts of health issues like back pain and eye strain. On top of that, various developers listen to music with earphones while working for long hours. All these habits can cause a negative impact on our eyes, back, and ears. So, I built this app that will take care of your health

What it does

It analyzes your postures, screen time, etc. and keeps on notifying you

How we built it

• NextJS
• TailwindCSS
• MaterialUI
• Tensorflow

Challenges we ran into

The main challenge I faced while building this app was the bad posture detection feature. For classifying the posture into a good or a bad one, first, we need examples to train the machine learning model and I didn’t find any existing dataset for this. To solve this problem, I decided to ask the users to take their own pictures in both good and bad posture and then trained the model in the browser with those examples.

Accomplishments that we're proud of

I am very happy that I built such a complex app in a limited amount of time with utmost perfection and the machine learning is quite accurate

What we learned

I learned a lot about Tensorflow, Machine Learning and Charts

What's next for HealthyDev

PWA Centralized Database

Note: I've set the timer to 3 seconds in the demo just to show the functionality quickly. You'll hear a notification sound and see a popup in the deployed version

Built With

• materialui
• nextjs
• tailwindcss
• tensorflow