Shopify 3D Product

I have an open-source Three.js web app that already converts user input into printable STL files. I now need it extended and embedded directly inside one of my Shopify product pages.

Scope of the upgrade
• Overlay logic: replace the current flat surface with a puzzle-piece overlay so customers can reposition and snap pieces together before export.
• Basic viewer: users must be able to rotate and zoom the live WebGL model right in the browser.
• Parametric controls: sliders or number fields that let shoppers adjust overall size and key dimensions, with the STL updating in real time.
• One-click export: the resulting model downloads as a valid STL file; no server-side slicing is required.
• Shopify integration: the whole flow should run as a section or app block, respecting Shopify’s asset pipeline and cart update events.

I’ll share the existing repository and detailed mock-ups after we both sign a short NDA. Three.js, WebGL and solid JavaScript skills are essential; familiarity with Shopify’s Hydrogen/Liquid environment, and optional storage hooks (Firebase, AWS S3 or Dropbox) will be a definite plus.

Acceptance criteria
1. Puzzle overlay works on desktop and mobile without frame-rate drops.
2. Size changes propagate instantly to the live preview and the exported STL.
3. Viewer supports smooth rotation/zoom but no advanced lighting controls—simplicity is key.
4. The Shopify product page loads the tool asynchronously and adds the generated STL link to the cart line-item properties.
5. Code is clean, commented and delivered via Git.