Transaction Immo

This is a prototype for demonstration purposes.

A prototype for web-based real estate transaction management platform for the Swiss Federal Office for Buildings and Logistics (Bundesamt für Bauten und Logistik - BBL). This platform enables visualization, filtering, and management of federal government properties available for sale across Switzerland.

• Deployed: davras5.github.io/transaction-immo/

Features

• Three View Modes: Gallery grid, sortable list table, and interactive Mapbox map
• Advanced Filtering: Multi-criteria filtering by priority, canton, property type, year, condition, and more
• Property Details: Comprehensive information including specifications, pricing, location ratings, milestone tracking, and document management
• Real-time Search: Instant text search across property titles and addresses
• URL State Persistence: Shareable filtered views via URL parameters
• Responsive Design: Optimized for desktop, tablet, and mobile devices

Tech Stack

• Frontend: Vanilla HTML5, CSS3, JavaScript (ES6+)
• Mapping: Mapbox GL JS v3.0.1
• Icons: Material Design Icons
• Data: JSON

Zero dependencies - no build process required.

Getting Started

1. Clone the repository:

   git clone https://github.com/davras5/transaction-immo.git
   cd transaction-immo

2. Serve the files using any static file server:

   # Using Python
   python -m http.server 8000
   
   # Using Node.js (npx)
   npx serve

3. Open http://localhost:8000 in your browser

Project Structure

transaction-immo/
├── index.html            # Main HTML structure
├── css/
│   ├── tokens.css        # Design tokens (CSS custom properties)
│   └── styles.css        # Component styles
├── js/
│   └── main.js           # Application JavaScript
├── assets/
│   ├── switzerland.svg   # Map background asset
│   └── images/           # Image assets
├── data/
│   └── data.json         # Property data
└── README.md

License

Licensed under MIT

---

This is an unofficial mockup for demonstration purposes.