Architecture Overview
Consumer Web Features
Mall Detail Page
Three view modes controlled by toolbar:
- List view: All stores across all floors, filtered by search + category chips. No floor tabs.
- Floor plan view: Vector floor plan with floor tabs, store overlays, amenity icons, navigation.
- Gallery view: Social media feed for the mall.
Unified search: Toolbar search bar works across all views. Selecting a store from autosuggest switches floor and opens detail.
Editor Modes
| Mode | Purpose |
|---|---|
vector | Primary. Place amenity icons, connect across floors, edit/delete. |
image | Reference-only. Floor plan image with vector overlay. No editing. |
grid | Grid-based store placement. |
list | Simple list of stores. |
Key Architecture Decisions
See the detailed pages for full rationale:
- Floor Plan Rendering — SVG-based with preloaded floor data and per-mall view state
- Coordinate Systems — WGS84 geographic for all Mappedin malls
- Map Rotation — SVG billboard pattern (evaluated and chose over CSS/WebGL)
- Amenity System — 15 categories, elevator highlighting, Mappedin location-based classification
- Floor Connectivity — connectorGroupId links amenities across floors
- Import Audit — sourceIds + importRunId for idempotent upsert and rollback