Back to selected work

Product catalogs and 360° media

Catalog teams manage product details and image sets, while visitors explore product options. I improved the management screens and the way those options connected to the existing 360° viewer.

Example illustration with fictional data—not a client screenshot.
Check the image set before upload
30 / 32 images2 images still needed
Needs attentionComplete the set to continue.

What I worked on

Check image sets before upload

I added checks for the required 32 images, showed errors on the page and updated the preview after an upload completed.

Manage catalog and user records

I built and improved forms and tables for products, materials, features and users. This included validation, editing, deletion, pagination and connections to existing APIs.

Keep product options and previews connected

I connected product, material, size and colour selections to the existing viewer, including options loaded from a URL. I also improved reusable form labels, search and validation messages.

Check frontend changes

I added and updated pull-request checks for formatting, linting, TypeScript and builds. I also added summaries calculated from data loaded by the frontend, with loading states.

My role and the wider system

My role covered frontend development and API integration in a shared application. The backend APIs and the original 360° viewer were existing parts of the product.

Technical details

Next.js · TypeScript · React · API integration · GitHub Actions

Working on something similar?

Tell me which part of your workflow needs attention and what your team uses today. We can discuss a first piece of work.

Discuss a project