Internal product · 2025 — present

Pebbler® Admin Dashboard

The tools behind the product.

I built the React and TypeScript operations console used to manage Pebbler’s content and workflows. Its tools cover content releases, campaigns, asset catalogues and AI image production.

The focus is the work around generation: keeping drafts safe, showing progress, recovering from interruptions, and making repeated operations manageable.

A complete workflow

Image Studio brings OpenAI and Gemini integrations into a workflow for preparing, generating, reviewing and exporting image candidates. Boards keep prompts, ordered references and candidate history together, so an operator can compare alternatives and choose a final image.

The production board component below runs with a local controller and existing sample artwork. Its controls remain interactive without making paid model requests. The code browser separates the application component from the portfolio adapter.

Source code
Image Studio interface

Image Studio. Edit prompts, compare images and choose winners. Generation uses existing sample artwork; references stay local and export saves a selection manifest.

Copy link ↗

Recovery by design

Draft persistence and recovery are covered by focused unit tests. Storybook interaction scenarios exercise the review interface and its states.

Built for daily operation

The studio lives alongside administrative tools, connecting content production with the applications that use the assets.

Browse all screenshots