Constructor — print-on-demand SVG editor
An SVG editor for customizing prints across dozens of apparel and accessory products — T-shirts, hoodies, caps, bags, shorts, mugs, and more. My first Vue application, so the editor's logic and the framework were both being learned at once. Still the hardest thing I've written.
Front-End Engineer
Vue 2 · Hand-written SVG geometry
Apparel & accessory types
Print-exact SVG → production
The editor
The geometry layer
Matrix transform per layer, not CSS
Proportional resize, origin-aware
Explicit z-stack, hand-managed
Canvas state → exact print-ready SVG
Build notes
Two learning curves at once
First Vue app and hardest editor logic, at the same time — component architecture and vector math were both being figured out together.
Hand-written vector transforms
Rotation, scaling, and layer ordering were built directly on SVG's own coordinate system rather than a library — full control over exactly what shipped.
The file was the product
What the user assembled serialized straight to SVG and went to print — no intermediate rendering step, so the geometry had to be exact, not approximate.
One editor, dozens of garments
T-shirts, hoodies, caps, bags, shorts, mugs and more each needed their own print area and outline, but shared the same layer/transform engine underneath.
No AI copilot for this one
Built before LLM coding assistants existed — the transform math and layer-ordering edge cases got worked out through spec-reading, forums, and trial and error, not a quick prompt.