The latest articles on DEV Community by user (@fyp). https://dev.to/fyp https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4075181%2F50ffb498-1c8c-4ee5-8f49-016c068e3927.jpeg https://dev.to/fyp en user Wed, 12 Aug 2026 18:32:52 +0000 https://dev.to/fyp/i-built-plan-measure-an-open-source-pdf-measurement-tool-for-architectural-plans-80c https://dev.to/fyp/i-built-plan-measure-an-open-source-pdf-measurement-tool-for-architectural-plans-80c <p>I built Plan Measure, a small open-source browser tool for measuring architectural PDF plans.</p> <p>The workflow is simple:</p> <ul> <li>load a PDF</li> <li>calibrate the scale using a known distance</li> <li>measure straight-line distances</li> <li>measure polygon perimeter and area</li> <li>export measurements to CSV</li> </ul> <p>It also supports multi-page PDFs, local session recovery, zoom/pan, and editable measurement vertices.</p> <p>Everything runs locally in the browser. There is no backend, no account, and PDFs are never uploaded anywhere.</p> <p>Live app:<br> <a href="https://userfypp.github.io/plan-measure/" rel="noopener noreferrer">https://userfypp.github.io/plan-measure/</a></p> <p>Source code:<br> <a href="https://github.com/userfypp/plan-measure" rel="noopener noreferrer">https://github.com/userfypp/plan-measure</a></p> <p>Tech stack:<br> React, TypeScript, Vite, PDF.js, Konva, IndexedDB.</p> <p>This is the first stable version, and I’m looking for feedback rather than trying to add features randomly.</p> <p>If you work with architectural plans, estimating, construction, or takeoffs, I’d especially like to know:</p> <ul> <li>Was the calibration workflow clear?</li> <li>Was anything confusing?</li> <li>What important capability is missing?</li> <li>Would you use a lightweight tool like this again?</li> </ul> <p>Critical feedback is welcome.</p> showdev opensource typescript react