DEV Community

Cover image for Building MeasurePath: A Zero-Telemetry 2D/3D Construction Studio & Calculator Toolkit in Pure JS
Anass Badu
Anass Badu

Posted on

Building MeasurePath: A Zero-Telemetry 2D/3D Construction Studio & Calculator Toolkit in Pure JS

Every time I needed to calculate concrete yardage, drywall sheet counts, or room paint coverage, the top search results were either covered in intrusive display ads or locked basic PDF estimates behind a monthly SaaS paywall.

So I built MeasurePath (getcoatpath.com) β€” a fast, ad-free spatial planning studio and construction calculator toolkit that runs directly in the browser with zero tracking.

What It Includes:

  1. Interactive 2D/3D Studio: Map out a roof, exterior walls, or interior flooring in 2D and 3D, deduct doors and windows, and turn real measurements into material takeoffs.
  2. Trade & Material Calculators:
  3. Free Construction Estimate Generator: Build an itemized material + labor takeoff ledger saved locally on your device and print a clean PDF quote with no login required.

Tech Stack

Built with plain HTML, CSS, and vanilla JavaScript alongside an interactive 2D/3D canvas viewport, using an architectural drafting-paper design system (--mp-* tokens) and tabular monospace typography for ledger precision.

Check it out live here: https://getcoatpath.com β€” feedback on the 2D/3D planner and formulas is very welcome!

Top comments (3)

Collapse
 
rida_boudlane_67 profile image
Rida Boudlane •

Interesting project i like it keep up the workπŸ‘πŸ‘

Collapse
 
leaf-lover profile image
yassiri •

very visual i like i never seen calculators have this aspect of 3d/2d

Collapse
 
zouini_moncef_58ac128787e profile image
Zouini Moncef •

This is so impressive especially for a free website