20256426/Map-Jurnal
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Aktualizovat README.md

Browse Source
This commit is contained in:
20256426
2026-06-16 15:49:34 +00:00
parent 5e943df6ef
commit f22b0f1b28
1 changed files with 1 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
README.md
View File

@@ -130,44 +130,6 @@ selection.svelte.js ──→ visited set (derived from entries + home count
---
## Features
| Feature | Details |
|---------|---------|
| Google sign-in | Firebase Auth with `GoogleAuthProvider` |
| Interactive world map | D3‑projected map with country highlighting, zoom, and pan |
| Animated journeys | Flight‑path arcs between entries, played sequentially |
| Multi‑step forms | 3‑step wizard for both new and edit modes |
| Photo upload | Firebase Storage with CORS support, error display |
| Random trip questions | 10 curated prompts, 3 randomly chosen per entry |
| Share card | Auto‑generated trip summary image via `html-to-image` |
| Home country marker | 16×16 icon placed at country centroid on map |
| Tooltips | Country name shown on hover, offset 22px from cursor |
---
## Known Bugs & Limitations
- **Photo Editor** — The `.add-btn` CSS class is unused (replaced by `.add-cell`); leftover from refactoring.
- **ShareCard** — Several CSS classes (`.stat-grid`, `.stat-box`, `.cont-section`, etc.) are defined but unused in the template; they were intended for a statistics section that was not implemented.
- **Photo upload error** — If Firebase Storage upload fails, the error is displayed but the photo grid does not automatically roll back the failed entry.
- **State_referenced_locally warnings** — `EditForm.svelte` initializes `$state` variables from `$props()` at declaration; this is intentional (one‑time init on edit mode) but Svelte 5's analyzer emits warnings.
- **A11y warnings** — Some form labels lack `for`/`id` associations (transport pills, trip‑type toggles); these are visual‑only controls where the label wraps the input, which is functional but not strictly valid per WAI‑ARIA.
---
## Dependencies
| Package | Purpose |
|---------|---------|
| `svelte` ^5.55 | UI framework (runes, snippets, `$props`) |
| `firebase` ^12 | Auth, Firestore, Storage |
| `d3` ^7 | World map projection and SVG rendering |
| `topojson-client` | Convert TopoJSON → GeoJSON for map data |
| `world-atlas` | Country boundary data |
| `html-to-image` | Generate share card PNG |
---
## Setup & Run
@@ -183,11 +145,9 @@ npm install
# VITE_FIREBASE_MESSAGING_SENDER_ID=...
# VITE_FIREBASE_APP_ID=...
# Dev server
# Run server
npm run dev
# Production build
npm run build
```
---