Hank PhamHank’s CornerMy little corner of the web
All projects
MageplazaShopify2025

MP Size Chart & Size Guide

An AI importer that turns a size-chart image into an editable chart.

A Mageplaza Shopify app for building size charts and attaching them to products. My largest piece was an AI importer built on Gemini vision: the merchant uploads a photo or screenshot of an existing chart and gets a structured, editable chart back.

Visit live

Screens

Size charts and size recommendations
Size charts and size recommendations
Thirty-plus chart templates
Thirty-plus chart templates
AI size recommendations
AI size recommendations
Chart editor with text, tables and media blocks
Chart editor with text, tables and media blocks
One sizing page for every chart
One sizing page for every chart
Unit conversion and regional size labels
Unit conversion and regional size labels
Built-in analytics
Built-in analytics

Highlights

  • A prompt makes Gemini return a JSON array of blocks, HTML text and tables, which maps straight onto the chart editor’s data model.
  • A preview step lets the merchant check the result before it replaces anything in the chart.
  • Text and tables come back in one ordered array, so a chart keeps its notes and measurement tables in the order the original image had them.

Stack

ReactPolarisNode.jsFirebaseGemini API
Next project

Solora: Marketing & Docs

One static site, two apps, zero servers.