Work/TryOn Live

TryOn Live
Shopify App

TryOn Live

AI-powered virtual try-on Shopify app for clothing and accessories using GCP Vision API for real-time fitting.

Dates
2024
Role
Lead Full-Stack Engineer
Team
Solo engineer
Stack
Shopify, TypeScript
ShopifyTypeScriptNode.jsPostgreSQLGCPGitHub Actions

The Outcome

"Live in the Shopify App Store."

Product UI
Shopify Admin · TryOn Live

Virtual try-on

Shopify App Store · live

App Store · live

Shopper photo → garment overlay

App Bridge embedded admin
GCP Vision segmentation
Theme app extension
HMAC-verified webhooks

The Challenge

E-commerce conversion rates suffer heavily from the "fitting room problem." Customers don't know how a garment or accessory will look on them, leading to cart abandonment and high return rates.

The founder of TryOn Live had a vision: use AI to allow shoppers to upload a photo and instantly see themselves wearing the product. The challenge? They needed a working MVP ready for the Shopify App Store in less than a week to hit a marketing deadline.

The Solution

Agencies quoted this project at $15,000+ and a 6-week timeline. I built, tested, and submitted it to the Shopify App Store.

Technical Implementation

  • Shopify App Bridge: Built a seamless embedded app experience within the Shopify admin dashboard using React and TypeScript.
  • AI Integration: Leveraged Google Cloud Platform (GCP) Vision AI to segment clothing and dynamically map it onto user-uploaded images.
  • Scalable Backend: Deployed a lightweight, high-performance Node.js backend backed by PostgreSQL to manage store installations and billing webhooks.
  • Theme Extension: Created a performant Shopify Theme App Extension to inject the "Virtual Try-On" button directly onto product pages without degrading store load speeds.

Engineering

  • Tests: Webhook and billing-path coverage for install, uninstall, and Shopify billing events before App Store submission.
  • CI/CD: GitHub Actions for typecheck, build, and deploy of the embedded app plus theme extension.
  • Security: Shopify OAuth, HMAC-verified webhooks, and no persistence of shopper photos beyond the try-on request.
  • Deployment: Production Node.js + PostgreSQL on GCP; live listing in the Shopify App Store after first-round review.

The Make Real Difference

When you hire a solo craftsman, you eliminate the communication overhead that slows down traditional development. I didn't waste time on Jira boards or daily standups. I wrote clean code, integrated complex AI APIs, and navigated Shopify's strict app approval process in record time.

Need this kind of engineer on your team?

Contract or fractional work with US companies via Make Real LLC. Resume, email, and a 30-minute call — no pitch deck.

Download Resume