I need a single-page Angular (TypeScript) application backed by a lightweight Java service that lets visitors try on eyewear in real-time through their browser. The interface is already laid out in Figma (https://www.figma.com/design/rf8juuZC3jiAYuomyZN3sP/Untitled?node-id=0-1&p=f&t=XdRXfSRLNrbiI2Am-0) and follows a very clean, minimalist style—please reproduce it pixel-perfectly. Core scope • Virtual try-on: When the user grants camera access, their face is detected and a 3-D glasses model is overlaid. Rotation of the model must track basic head turns so the frame always feels anchored. The heavy lifting should be coded in pure HTML, JavaScript and WebGL; I am deliberately avoiding large helper libraries, although you may import small open-source utilities for face-landmark detection if they can be tree-shaken. • Authentication: Email + password sign-up / sign-in, stored securely (Java Spring Boot with salted hashing is fine). Issue a JWT or session cookie that the Angular side can read on subsequent calls. • Cross-device support: It needs to run smoothly in modern desktop and mobile browsers with no extra installs. • UI polish: subtle transitions, crisp typography, clear error states—exactly what you see in the Figma. Deliverables 1. Angular source with modular components and routing. 2. Java backend (Gradle/Maven) exposing REST endpoints for auth and, if you prefer, model retrieval. 3. Virtual try-on module written in vanilla JS / WebGL, accepting live camera input only. 4. README covering build, run, and deployment steps. If you’ve previously implemented WebGL overlays, real-time face landmarks, or built Angular/Spring stacks, this should be straightforward—the novelty here is integrating them cleanly without bloated libraries. Let me know your approach and estimated timeline; I’m ready to start immediately.