Interactive GIS web application mockup for visualizing and managing a real estate portfolio. Features map, list, and gallery views with Mapbox GL JS.

Main App — Read-only property inventory with map, list, and gallery views.

• Link: https://bbl-dres.github.io/property-inventory/

Tabs Views — Tabbed detail view with structured property sections and an AI agent for portfolio queries.

• Link: https://bbl-dres.github.io/property-inventory/prototype-tabs

CR Workflows — Write operations (create, mutate, delete) with a four-eyes approval workflow and swisstopo API integration.

• Link: https://bbl-dres.github.io/property-inventory/prototype-workflows

GIS Server — Lightweight frontend for managing layers, schemas, and feature data in a PostGIS-backed REST API.

• Link: https://bbl-dres.github.io/property-inventory/prototype-backend

OSM Height Enrichment — Browser-only tool that enriches OpenStreetMap buildings with accurate heights from Swiss elevation data.

• Link: https://bbl-dres.github.io/property-inventory/osm-height

• Map View - Interactive Mapbox map with color-coded property markers, 3 map styles (Light, Standard, Satellite), and sidebar accordion for sharing/export
• List View - Sortable table with search, filtering, configurable columns, and export to CSV/Excel/GeoJSON
• Gallery View - Responsive 3-column grid with property cards and status badges
• Detail View - Comprehensive property dashboard with 7 tabbed sections:
  • Overview (images, basic info, mini-map)
  • Measurements (SIA 416 compliant area data)
  • Documents (plans, certificates, permits)
  • Costs (operational expenses by category)
  • Contracts (service & maintenance agreements)
  • Contacts (personnel & stakeholders)
  • Facilities (equipment & infrastructure inventory)

• Multi-source search: Local buildings + Swisstopo location API + Geokatalog layers
• 6 filter categories: Status, Ownership Type, Portfolio, Building Type, Country, Region
• Deep linking with URL-based navigation and filter persistence

• CSV, Excel (.xlsx), and GeoJSON export
• Custom column selection before export

No build tools or frameworks - pure static files.

# Python
python -m http.server 8000

# Node.js
npx http-server

# PHP
php -S localhost:8000

Then open http://localhost:8000

gis-immo/
├── index.html                    # HTML structure
├── js/
│   └── app.js                    # Application logic (2,800 lines)
├── css/
│   └── main.css                  # Styles & design system (3,400 lines)
├── data/
│   ├── buildings.geojson         # Core portfolio data (10+ buildings)
│   ├── area-measurements.json    # SIA 416 area measurements
│   ├── documents.json            # Plans, certificates, permits
│   ├── contacts.json             # Personnel & stakeholders
│   ├── contracts.json            # Service agreements
│   ├── costs.json                # Operational expenses
│   └── assets.json               # Equipment inventory
├── assets/
│   └── images/                   # Preview screenshots
├── documentation/
│   ├── CLAUDE.md                 # Development guide
│   ├── DATAMODEL.md              # Complete entity schema
│   └── DESIGNGUIDE.md            # Design system & components
├── README.md
└── LICENSE

GitHub Pages: Push to main deploys automatically.

Alternatives: Netlify, Vercel, CloudFlare Pages, or any static file server.

Licensed under MIT