OG - Outfit Generator

A virtual try-on prototype for in-store shopping.

Comment

OG — Outfit Generator

Inspiration

I've never been able to picture an outfit in my head. Every time I shop, I end up holding a top in one hand and pants in the other, squinting at the mirror trying to imagine the combo. We wanted a fitting room that could put the whole look on you in seconds — and let you swap pieces until it clicks.

What it does

OG lets you build a full outfit on a virtual avatar, one piece at a time. Snap or upload a top — see it on you. Add pants — they layer onto the result. Add shoes — same thing. Works in store with photos of real garments, and online with any product image URL.

How we built it

Backend: FastAPI (Python), single file Try-on engine: Perfect Corp's YouCam AI Clothes V3 API Demo UI: vanilla HTML/CSS/JS, embedded in the FastAPI app Key trick: every successful try-on returns a public result URL. We feed that URL back in as the source image for the next try-on, chaining each piece on top of the last.

Challenges we ran into

The hard one was building outfits on top of each other. YouCam's API takes one person + one garment per call, so piece #2 had no way to "see" piece #1. We solved it by holding the most recent result URL in server state and using it as the source for the next call. Other gotchas: the file upload is actually two requests (metadata, then a separate PUT to a presigned URL), and we had to switch from the older cloth endpoint to cloth-v3 mid-build.

Accomplishments that we're proud of

  • Real layered try-on — top → bottoms → shoes actually composes a believable outfit
  • Both in-store (file upload) and online (URL paste) flows in the same demo
  • Editorial-feeling design that doesn't look like a generic AI demo
  • Single-file backend you can run with one command — no React build, no tunnel, no setup

What we learned

  • How to chain asynchronous API calls with shared state
  • Polling patterns for task-based APIs (kick off task → poll → result URL)
  • Pre-signed-URL file upload flows
  • (Sometimes the simplest demo is the strongest one) — embedding the UI in the backend made the project portable

What's next for OG — Outfit Generator

  • React frontend with a mobile-first camera flow for in-store kiosks
  • Multi-user sessions so multiple shoppers can use it at once
  • Save and share outfits
  • Retailer catalog integration: live size, color, and price next to the avatar
  • "Complete the look" AI recommendations based on what's already on

Built With

Share this project:

Updates