Tools2024
Tirana Urban Platform
Web-based urban planning with parametric 3D building massing.
A passion project: a map-centric urban-planning web application for the city of Tirana that combines interactive zoning analysis, parametric 3D building massing generation, and AI-assisted site-context analysis in a single React app.
Planners can draw parcels, run zoning/legal analysis against live ArcGIS data, and generate editable 3D massing in real time.
Architecture
- Engine: MapLibre GL + Mapbox GL Draw for the map, Three.js for 3D massing, Turf.js for geometry — bridged to React via a Zustand store and custom MapLibre layers (reactive panels, high-performance WebGL singletons).
- Workflows: zoning analysis (AKPT grid, layer toggles, click-to-query reports, geocoded search); 3D massing (draw parcel → analyze → generate parametric modules → edit floors → compute metrics → export to Rhino 3DM); AI image visualization.
- Site context: natural-language queries over OpenStreetMap (Overpass/Nominatim) within a configurable radius, with PDF export.
- Data: external geodata fetched through TanStack React Query.
Tech stack
React 18TypeScriptViteZustandMapLibre GLThree.jsTurf.jsArcGIS RESTjsPDFrhino3dmOSM Overpass