W4

Meridian lets users build stories on top of an interactive map. Starting with a search or geolocation prompt, users place markers, connect them with routed paths or freehand polylines, and attach photos, notes, and embedded links to each stop. The "story mode" presents the journey as a scrollable narrative that pans and zooms the map automatically as the reader progresses.

Use a mapping library like Leaflet or MapLibre with a clean tile style. The editor should support custom marker icons,

color-coded route lines, and a sidebar for reordering stops. The published view is a seamless split-pane: map on one s

ide, narrative cards on the other, with progress-driven fly-to animations.

Data persists in localStorage during editing and can be exported/imported as JSON. A "share" feature generates a permalink that encodes the story state.

Core requirements:

• Interactive map with search and geolocation

• Add, edit, reorder, and delete stops with markers

• Draw routes between stops (straight lines or routed paths)

• Attach title, description, and optional image URL per stop

• Story mode: scroll-driven narrative with map fly-to transitions

• Export/import story as JSON

• Shareable permalink encoding story data

• Responsive layout (mobile stacks narrative below map)

Stretch goals:

• Elevation profile chart for routes

• Weather or timezone info per stop

• Image upload/preview (client-side blob or base64)

• Print-friendly CSS for physical trip guides