Demo
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
Viewing readonly version of main branch: v10View latest version
A computer vision application that calculates body measurements from a single photo using OpenCV and MediaPipe pose detection.
- Upload a person's photo
- Automatic pose detection using MediaPipe
- Calculate key body measurements:
- Height
- Shoulder width
- Chest/Bust circumference
- Waist circumference
- Hip circumference
- Arm length
- Leg length (inseam)
- Neck circumference
- Wrist circumference
- And more tailoring measurements
- Pose Detection: Uses MediaPipe to detect 33 key body landmarks
- Reference Scaling: Uses known body proportions or user-provided reference measurements
- Anthropometric Calculations: Applies standard body measurement formulas
- Real-time Processing: Processes images and returns measurements instantly
- Upload a clear, full-body photo (front-facing preferred)
- Optionally provide a reference measurement (like height) for better accuracy
- Get comprehensive body measurements suitable for tailoring
- Backend: Hono.js with OpenCV and MediaPipe
- Frontend: React with image upload and results display
- Computer Vision: MediaPipe Pose for landmark detection
- Calculations: Anthropometric formulas for body measurements
βββ backend/
β βββ index.ts # Main API server
β βββ pose-detection.ts # MediaPipe pose detection
β βββ measurements.ts # Body measurement calculations
β βββ utils.ts # Helper functions
βββ frontend/
β βββ index.html # Main page
β βββ App.tsx # React app component
β βββ components/ # UI components
βββ shared/
βββ types.ts # Shared TypeScript types
POST /api/measure- Upload image and get body measurementsGET /- Serve the main application