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 uses

  node-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 into

  manifest.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 from

  manifest.ts

  and passes it as props to the images, which are rendered as React components.