docs: expand README with screenshot
This commit is contained in:
26
README.md
26
README.md
@@ -1,16 +1,31 @@
|
|||||||
# mapix
|
# mapix
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
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
BIN
screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Reference in New Issue
Block a user