Skip to content
Health

Webcam Posture Coach

Nudges you when you slouch, all processed on-device.

Intermediate24h1–2 people16/20 fit
TL;DR

Build Webcam Posture Coach for students and desk workers in ~24h with 1–2 people. Stack: React + MediaPipe + WebGL.

Why it wins: Live, physical demo with on-device privacy.

Build flow

01 · Problem
Hours of slouching cause neck and back pain, and people only notice too late.
02 · Solution
Pose estimation in the browser tracks neck angle and gives gentle nudges.
03 · Build
  1. 1Webcam + pose model
  2. 2Angle calculation
  3. 3Threshold + nudge logic
  4. 4Daily stats
04 · Demo
Sit straight (green) → slouch → screen nudges you.

MVP checklist

  • Live pose tracking
  • Slouch detection
  • Gentle nudges
  • Daily posture score

Tech stack

TechRole
ReactFrontend UI
MediaPipePose / hand tracking
WebGLGPU rendering

Reference repos

Open-source projects you can build on. Links checked 2026-10-31.

Related ideas

More Health

  • Health

    Physio Exercise Rep Counter

    Count reps and check form for home exercises with the webcam

    Intermediate14h1–2
    MediaPipeJavaScriptCharts
    16/20

  • Health

    Pill Organizer Photo Checker

    Snap the weekly pill box and check each compartment against the prescription

    Intermediate16h1–2
    YOLOPythonNext.js
    16/20

  • Health

    Skin Mole Photo Timeline

    Take consistent photos of moles over time and compare them side by side

    Intermediate14h1
    React NativeOpenCVLocal storage
    16/20