photos.daneden.me
photos.daneden.me copied to clipboard
📸 A React.js-based gallery of some of my favorite photos
photos.daneden.me
A place for my photos to shine (in more glory than Instagram can deliver).
How does this work?
I used the amazing create-react-app as a starting point for this site, and added a few things to make it my own.
- Images are uploaded to the
public/images
folder - Next, there's the pre-start script
exif.js
. This Node script usesnode-exiftool
to loop over each image in the folder and extract exif data. The particular data I wanted to display was the aperture, shutter speed, ISO, and focal length. This data is dropped intomanifest.ts
, which is ignored by git to avoid too many sources of truth (in this case, the images remain the sources of truth). -
index.tsx
is what imports the data frommanifest.ts
and passes it as props to the images, which are rendered as React components.