<!-- generated-markdown-alternate -->
---
title: "Photo Gallery"
description: "My photography portfolio: collections grouped by trip and theme, with EXIF data, GPS pins on a map, and a full-screen lightbox."
url: "https://briansunter.com/projects/photos"
---

Aug 2, 2024

# Photo Gallery

My photography portfolio: collections grouped by trip and theme, with EXIF data, GPS pins on a map, and a full-screen lightbox.

[Visit Project](https://briansunter.com/photos)

project Photography Astro TypeScript Leaflet PhotoSwipe

![Cover image for Photo Gallery](/_astro/photos-hero.DEqUjpsv_15sX0F.webp)

## Overview

A photography portfolio organized into collections: trips, projects, and themes. Each photo carries its EXIF data and a GPS pin so the gallery doubles as a record of where I’ve been with a camera, not just what I shot.

## Features

- Collections organized by trip, theme, or project
- Full-screen lightbox via PhotoSwipe
- EXIF readout (camera, lens, exposure)
- Leaflet map for photos with GPS coordinates
- Filter by tag, location, or collection
- Grid and list views

## Technology Stack

- YAML files for photo metadata
- Leaflet for the map
- PhotoSwipe for the lightbox
- Astro for static generation
- Tailwind CSS, TypeScript

### Share this article
