I’m building “Virtual Frame”, a browser-based tool (see virtualframe.art) that lets end-users upload a JPEG, preview it inside one of my pre-made frame templates, see an instant price that’s calculated automatically from the image and frame dimensions, and then download a ready-formatted PDF quote or order sheet. Here’s the flow I need implemented: • Upload: accept JPEGs up to high-resolution print size, validate on the client side, then store securely. • Design: display my library of frame templates for quick click-to-apply selection and live preview. No free-form resizing; the template controls dimensions. • Pricing engine: pull the image size, match it with the chosen template’s parameters, apply my formula, and surface the price in real time. The calculation has to run instantly in the browser but stay editable from an admin panel. • PDF generation: once the user accepts the frame, create a clean, print-ready PDF that shows the mock-up, line-item pricing, tax and shipping placeholders, plus my branding. Offer direct download and e-mail. • Integration: expose the tool as an embeddable module or lightweight API so I can drop it into existing WordPress, Shopify or custom HTML sites and allow clients to log in through their own portal without touching the core code. Single Sign-On compatibility is a bonus. Admin requirements – Simple dashboard where I can add or retire frame templates, tweak the pricing formula, and view/export orders. – Role-based access so staff can see orders but not change formulas. Deliverables 1. Fully functional web app (front end + back end) hosted on my server or in a container I can deploy. 2. Technical documentation covering setup, integration steps, and the pricing formula structure. 3. Source code in a private Git repository with clear commit history. 4. One brief hand-over session to walk me through deployment and future template additions. Acceptance criteria: the JPEG upload, template application, automatic price display, and PDF download must all complete in under five seconds on a standard broadband connection, and the embed snippet must run without conflicts on a vanilla WordPress page. If you have experience with image manipulation libraries (e.g., Fabric.js, Canvas, or similar), real-time pricing calculators, and PDF generation (jsPDF, PDFKit, etc.), I’d love to see your approach and timeline.