exifbrowser.com

A local-first file explorer making use of the new Origin Private File System (OPFS) and web workers.

Drop a folder of 1000+ images onto the page and it will generate a list of all the images and their EXIF data in a couple of seconds.

Demo coming soon (after work).

This is the base for a custom iNaturalist upload interface.

Very much a work in progress.

exifbrowser-demo.mov

Tech Stack

Remix (React)
SST (AWS CDK)
Comlink (Web Workers)
IndexedDB

Notable Web API's

OPFS (Origin Private File System)
File System Access API
Web Workers

Notable design patterns

@tanstack/virtual (virtualized list)
On-the-fly image compression using a web worker before rendering in the browser (single biggest perf gain).

Development

TODO

TODO List

Features

File tree directory navigation instead of a flat list. Would allow for separate sessions based off the directory.
Experiment with different perf patterns (queues, better caching with IndexedDB + cache API, cancelable promises, async iterators etc.)
Image Editing
Ability to add GPS data to images with a GPX (or similar) file.
Tests
Run certain transformations in parallel depending on the number of cores available.

Refactors / Improvements

Cleanup + consistent code style
Responsive design
Browser support

Deployment

Deployment pipeline with SEED
Add privacy-focused analytics/error tracking (avoid session recordings etc.)

Documentation

Add to this README

Misc

Add a license
Add a contributing guide