Image Browser

I've been working on creating my own image browser. It's still a work in progress and I have a ways to go.

 

Features working so far:

* Image upload

* Title, Description and Keyword metadata editing. The updated metadata is also written to the EXIF / IPTC fields.

* View all images on a map, or view an individual image on the map.

* Add an image to the map.

* Album creation, update and deletion.

* Rate an image.

* Apply a color label

* Keyboard navigation and shortcut keys for every interaction.

* Endless scroll (load images on the fly as you scroll down the grid)

* Zoom in feature

* Browse the library by dates.

* Search filters

* Full screen slideshow.

* Change thumbnail sizes.

* Select Mode - select a bunch of images and only show the "selects" - useful for bulk operations.

* Address look up when GPS coordinates are present.

* Displays top 10 most prevalent colors in the image.

* Displays weather data for when the picture was made based off of camera time and GPS location.

* Thumbnails are rendered using the AVIF image format - saves about 50% of storage space when compared to saving JPG files. No quality is lost.

 

Tech Stack:

* API Application - Node.js

* MongoDB

* Client Application - Node.js, MithrilJS

* Nginx

* Docker

* Kubernates

 

There's still a lot to do, but I'm making progress.

Done