• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
vinod

vinod

Demo

Public
Like
Demo
Home
Code
4
backend
4
frontend
1
shared
1
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
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.
Sign up now
Code
/
README.md
Code
/
README.md
Search
5/28/2025
Viewing readonly version of main branch: v9
View latest version
README.md

Body Measurement System

A computer vision application that calculates body measurements from a single photo using OpenCV and MediaPipe pose detection.

Features

  • 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

How it works

  1. Pose Detection: Uses MediaPipe to detect 33 key body landmarks
  2. Reference Scaling: Uses known body proportions or user-provided reference measurements
  3. Anthropometric Calculations: Applies standard body measurement formulas
  4. Real-time Processing: Processes images and returns measurements instantly

Usage

  1. Upload a clear, full-body photo (front-facing preferred)
  2. Optionally provide a reference measurement (like height) for better accuracy
  3. Get comprehensive body measurements suitable for tailoring

Technical Stack

  • 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

File Structure

β”œβ”€β”€ 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

API Endpoints

  • POST /api/measure - Upload image and get body measurements
  • GET / - Serve the main application
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.