DEV Community

ludy.dev
ludy.dev

Posted on • Originally published at bodyfatcalc.org

Building a Zero-Dependency Body Fat Calculator: The Math, the Navy Formula, and 100% Client-Side JS

Designing for Performance

I chose a lightweight static setup using Astro and Tailwind CSS. Since all mathematical operations happen locally on the user's browser, there is zero server overhead and absolute privacy—no user data ever leaves their machine. The page achieves a 100/100 performance score on Lighthouse, loads in under 200ms, and updates results instantly on keypress.

What do you think of this approach? I'd love to get your feedback on the UI and the unit-conversion logic!

Top comments (0)