docs: expand README with screenshot

This commit is contained in:
2026-06-13 09:08:04 +02:00
parent f621a4edf5
commit 871e2c26c3
2 changed files with 21 additions and 5 deletions

View File

@@ -1,16 +1,31 @@
# mapix # mapix
![mapix screenshot](./screenshot.png)
A browser-based photo mapping prototype that reads EXIF/GPS data and shows images on OpenStreetMap. A browser-based photo mapping prototype that reads EXIF/GPS data and shows images on OpenStreetMap.
## Features ## Features
- Nextcloud public share import through a local proxy - Nextcloud public share import through a local proxy
- Client-side EXIF and GPS extraction - Client-side EXIF and GPS extraction where possible
- Map markers with photo thumbnails - Map markers with thumbnail previews
- Fullscreen photo viewer - Thumbnail-backed photo list with lazy full-size image loading
- Timeline view with zoomable time ranges - Fullscreen photo viewer with loading state
- Progressive loading with cancel support - Zoomable timeline with selectable ranges
- Route line toggle on the map
- Dark and light mode that follows the client OS preference and can be toggled manually
- Local browser dependency bundle for Leaflet and EXIF parsing - Local browser dependency bundle for Leaflet and EXIF parsing
- Local brand assets and favicon
## Recent Changes
- Image handling now keeps thumbnails in the browser for markers and the photo list, while full-size images are loaded only on demand.
- The photo viewer now shows a loading indicator before the full image is ready.
- The sidebar header now includes the brand logo, and the logo switches with the active theme.
- The top-right controls include a route visibility toggle and a theme toggle with compact icon-only buttons.
- Browser dependencies and static assets are served locally to avoid CDN-related failures.
- The timeline keeps its selected range visible again during drag selection.
- The photo list now uses compact thumbnail tiles and stable wrapping for large result sets.
## Start ## Start
@@ -25,4 +40,5 @@ npm start
- Photos are not stored on the server. - Photos are not stored on the server.
- The UI and processing run in the browser where possible. - The UI and processing run in the browser where possible.
- Browser dependencies are installed through npm and copied into `dist/vendor` during `npm run build`; the runtime serves them locally instead of loading third-party CDNs. - Browser dependencies are installed through npm and copied into `dist/vendor` during `npm run build`; the runtime serves them locally instead of loading third-party CDNs.
- Static brand assets are copied from `src/assets` into `dist/assets` during the build.
- Future auth can be forwarded by a reverse proxy via HTTP headers. - Future auth can be forwarded by a reverse proxy via HTTP headers.

BIN
screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB