PoseMax

• 

  Loading

• 

  Start App -> Click "Save Ideal Posture"

• 

  After Save Ideal -> Set delay and Click "Start Session"

• 

  Good posture feedback.

• 

  Bad posture feedback with notifications.

• 

  Recap screen shorts of bad posture.

• 

  Dialog pop up when user click at screen shorts

Inspiration

We want to help people maintain better posture while sitting in front of their PCs/laptops.

What it does

PoseMax tracks the user's posture, identifying whether it is good or bad, after the user sets their ideal posture. It then notifies them, regardless of whether the user changes tabs or engages in other activities; the tracking continues seamlessly. Additionally, users can customize the notification delay, specifying how long before the app sends a notification when they have a bad posture.

How we built it

• React with TypeScript for the frontend.
• Styled with TailwindCSS and the component library shadcn-ui.
• Next.js (over-engineered but simplifies project setup).
• TensorFlow with the MoveNet model to track the user's body.
• Notification API to send notifications to users.

Challenges we ran into

• Finding time to collaborate due to other commitments and busy schedules

Accomplishments that we're proud of

• Successfully delivering the project.

What we learned

• We learned that we don't need to wait until the project is finished to start working on the pitch video; we can develop the app and work on the pitch video in parallel.

What's next for PoseMax

• Improving the posture tracking algorithm to make it more accurate and stable.
• Making it compatible with mobile browsers.

Built With

• movenet
• next.js
• notificationapi
• shadcn-ui
• tailwindcss
• tenserflow