P/26INDEPENDENT
PRODUCT ENGINEER
← Back to projects
PROJECT · 05

PHOTO / SWIPE

Organising, viewing, and zooming images in the browser without uploading a file.

Status
Working prototype
Role
Interaction design, frontend engineering
Duration
2 days
Year
2026
Open full demo ↗View upstream project ↗
06starter gallery cards
0server uploads
3viewing modes
CASE STUDY
ProductImagesVanilla JS

The problem

Opening images one by one interrupts portfolio reviews, design critiques, and asset sorting. This Demo turns a set of images into a continuous viewing workspace: scan the grid first, then move into a focused viewer.

What it does

  • Open any card in a full-screen viewer.
  • Move with the arrow keys and zoom with + / −.
  • Add local images to the gallery; files stay in the current browser.

Technical direction

The interaction model is informed by PhotoSwipe, while this version is rebuilt with native HTML, CSS, and the browser File API to keep the demo static and local-only.

Outcome

It is more than a wall of thumbnails: it is a useful way to present visual projects, mobile screenshots, and design iterations.

SANDBOXED EXPERIENCE

Interactive demo

This demo runs inside a restricted sandbox.