Need help with photos.daneden.me?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

daneden
129 Stars 23 Forks 505 Commits 5 Opened issues

Description

📸 A React.js-based gallery of some of my favorite photos

Services available

!
?

Need anything else?

Contributors list

# 146
React
CSS
HTML
css-ani...
145 commits
# 92
netlify
TypeScr...
GraphQL
angular...
12 commits
# 2,836
Flutter
assembl...
spotify
gc
2 commits
# 9,409
nextjs
React
styled-...
Markdow...
1 commit

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.