Posture Guard

Posture Guard is a Chrome extension using real-time pose detection to monitor posture via webcam. It alerts you when you slouch, tracks habits, and runs privately on-device no extra hardware needed.

Comment 1

Inspiration

We spend hours at desks and only notice bad posture once pain starts. We wanted a silent, background tool that catches it early no wearables, just your webcam.

What it does

Posture Guard monitors posture in real time using your webcam, classifies it into zones, and alerts you when you start slouching while tracking habits over time.

How we built it

A Chrome extension using JavaScript + Vite with MediaPipe/TensorFlow.js for pose detection. We compute ear–neck–shoulder angles and visualize results with a Tailwind dashboard.

Challenges we ran into

Handling Chrome camera permissions, building accurate user calibration, optimizing real-time performance, and coordinating code under time pressure.

Accomplishments that we're proud of

Built a fully working real-time posture system, smooth UI, personalized calibration, and privacy-first on-device processing all within a hackathon timeframe.

What we learned

Pose estimation with keypoints, angle-based posture analysis, Chrome extension architecture, and designing clean, non-intrusive health interfaces.

What's next for Posture Guard

Next, we’re turning Posture Guard from a reactive alert system into a proactive health assistant that predicts and prevents poor posture habits.

Built With

  • chrome-extensions-api
  • css
  • html
  • javascript-(es6)
  • mediapipe
  • tailwind-css
  • tensorflow.js
  • vite
Share this project:

Updates