Aktualizovat README.md
This commit is contained in:
18
README.md
18
README.md
@@ -113,24 +113,6 @@ App.svelte
|
|||||||
└── SharePreview.svelte
|
└── SharePreview.svelte
|
||||||
```
|
```
|
||||||
|
|
||||||
### Data Flow
|
|
||||||
|
|
||||||
```
|
|
||||||
Firebase Auth ──→ userStore.svelte.js ──→ Layout (auth guard)
|
|
||||||
Firebase Firestore ──→ entriesStore.svelte.js ──→ Timeline, Map (via $state/$derived)
|
|
||||||
Firebase Storage ──→ PhotoEditor.svelte (upload)
|
|
||||||
selection.svelte.js ──→ visited set (derived from entries + home country)
|
|
||||||
```
|
|
||||||
|
|
||||||
### Key Patterns
|
|
||||||
|
|
||||||
- **Svelte 5 runes** — `$state`, `$derived`, `$effect`, `$bindable`, `$props` replace the old Svelte store/reactivity model.
|
|
||||||
- **$bindable props** — `TripBasicInfo` uses `$bindable()` for two-way binding with its parent form, keeping form state in the parent while delegating UI rendering.
|
|
||||||
- **Firebase listeners** — `entriesStore` uses `onSnapshot` for real-time Firestore sync; `userStore` uses `onAuthStateChanged`.
|
|
||||||
- **D3.js** — `WorldMap` renders a GeoJSON world map with centered zoom via `d3-geo`; `JourneyView` animates SVG flight paths.
|
|
||||||
- **No framework router** — the app uses a simple `mode` state variable (`'map' | 'journal'`) in `App.svelte` to switch between views.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
|
|
||||||
## Setup & Run
|
## Setup & Run
|
||||||
|
|||||||
Reference in New Issue
Block a user