Darkroom

Digital portfolios treat all projects identically. A finished product, a half-baked weekend prototype, and an abandoned experiment sit side by side in uniform grid cards with equal saturation and weight. This flat hierarchy fails to reflect how software is actually created: through distinct stages of development, iteration, and chemical reaction.

I wanted to build an interactive portfolio experience that uses analog photography developing as a metaphor for creative process—where work-in-progress is literally mid-development, and finished work achieves full clarity.

Darkroom transforms the portfolio browsing experience into an interactive red-light darkroom.

• Chemical Tray Interaction: Visitors submerge project negatives in chemical baths to reveal hidden details.
• Exposure Mechanics: Finished projects render in vibrant full-color density, active prototypes pause at silver-halide midtones, and archived ideas remain shadowed.
• Precision Enlarging: Hovering acts as an enlarger lens, boosting grain, contrast, and technical specs dynamically.

The application is built on Next.js 15 and Tailwind CSS, backed by a custom HTML5 Canvas shader engine.

• Red-light Darkroom Palette: A dark ambient theme built with deep slate, crimson Safelight accents (#dc2626), and halide silver text tones.
• Custom Processing Shaders: Image rendering uses canvas pixel manipulation to simulate silver halide grain, contrast bath curves, and developer chemical dynamics in real time.
• Responsive Layout: Designed for seamless touch and mouse interactions across desktop and mobile screens.