ddra

Frontend · Product · AI

EN

01 / Caso de estudio

AI Sticker Generator.

Un recuerdo físico, generado con IA.

RolDesarrollo fullstack
StackReact · Express · OpenAI Images · Supabase · n8n
AI Sticker Generator
02 / Contexto

Del concepto a una experiencia usable.

Un creador interactivo de stickers que combina generación de imágenes y edición de selfies con una experiencia guiada en React.

03 / Desafío

Convertir un flujo de generación de imágenes en una experiencia de producto clara y usable.

04 / Proceso

Construí el recorrido guiado y sus estados de carga, error y resultado en React.

Desarrollé una API en Node.js/Express que resuelve la generación y edición de imágenes con OpenAI, el almacenamiento en Supabase y los webhooks de n8n.

05 / Decisiones

Mantuve el proceso de creación visible y paso a paso para explicar lo que hace la IA.

Separé la generación y el almacenamiento detrás de una API de servidor.

06 / Resultado

Hay una demo pública funcional.