Interactive Web Development, Mapped Out

A WordPress-powered project combining custom front-end code, Leaflet.js, and original photography to showcase how I build engaging, scalable web experiences.

This page is where my two favorite worlds collide: web development and photography. The interactive map you’re exploring was built with WordPress at the core, layered with custom CSS, JavaScript, and Leaflet.js to turn a simple portfolio into something you can actually play with. Each popup highlights my work through the lens of a Nikon camera—proof that while photography is my hobby, crafting thoughtful, dynamic web experiences is my profession. Scroll, click, explore… and feel free to zoom in on both the code and the photos.

This page brings together my web development skill set and my photography hobby through a fully custom, interactive experience. Built on WordPress, the site uses handcrafted CSS and JavaScript alongside Leaflet.js to render a dynamic map interface with location-based popups showcasing my work. While the photography itself is captured with Nikon gear, the real focus here is on performance-minded front-end development, clean code, and thoughtful interaction design. Every zoom, click, and transition is intentional—designed to demonstrate how I approach building engaging, scalable web experiences.

This project demonstrates how I approach building interactive, client-ready web experiences using WordPress and modern front-end technologies. The site is powered by WordPress with custom CSS and JavaScript, and leverages Leaflet.js to create a responsive, map-based interface with dynamic content popups. While the photography—captured with Nikon gear—provides the visual layer, the core focus is on clean implementation, performance, and maintainable code. This page reflects how I translate technical requirements into intuitive, engaging solutions that are both visually compelling and scalable.

If you’re interested in how this same approach could support your next project or team, I’d be happy to connect.

×