ddra

Frontend · Product · AI

ES

01 / Case study

AI Sticker Generator.

A physical keepsake, generated with AI.

RoleFullstack development
StackReact · Express · OpenAI Images · Supabase · n8n
AI Sticker Generator
02 / Context

From concept to a usable experience.

An interactive sticker creator combining image generation and selfie editing with a guided React experience.

03 / Challenge

Turn a generative image workflow into a clear, usable product experience.

04 / Process

Built the guided creation flow and its loading, error and result states in React.

Built a Node.js/Express API that handles OpenAI image generation and edits, Supabase storage and n8n workflow webhooks.

05 / Decisions

Kept the creation flow visible and step by step so users understand what the AI is doing.

Separated image generation and storage behind a server API.

06 / Outcome

A working public demo is available.