Skip to main content
Pregled Nepremičnine — hero image
Web App Live 2025

Pregled Nepremičnine

Operations dashboard for a Slovenian property inspection company

Tech Stack

Fastify TypeScript HTMX fluent-html Tailwind Prisma PostgreSQL

Overview

An internal operations dashboard built for Pregled Nepremičnine, a Slovenian property inspection company. Their customer-facing website at pregled-nepremicnine.net collects inquiry data and sends it to the dashboard via webhook. From there, the dashboard orchestrates the full back-office lifecycle — engineer scheduling, on-site inspection, report generation, invoicing, and payment collection.

The platform serves three user groups: administrators manage the entire operation, field engineers handle appointments and file inspection reports, and customers track their inquiries, view reports, and pay invoices — all through a seamless, server-rendered interface with no client-side JavaScript framework.

Pregled Nepremičnine screenshot

The Challenge

Property inspection businesses juggle many moving parts — scheduling engineers, writing reports, sending invoices, chasing payments — and these workflows are often managed through disconnected tools like spreadsheets and email. The dashboard needed to be ready from day one, so the company could launch with a fully digital operation instead of accumulating technical debt from manual processes.

Key complexity drivers:

  • Multi-role coordination — admins, engineers, and customers each need tailored views and workflows with appropriate data isolation
  • Webhook-driven intake — inquiries arrive via webhook from the client's WordPress site and must be seamlessly ingested into the operational workflow
  • End-to-end lifecycle — a single inquiry flows through quoting, scheduling, inspection, reporting, invoicing, and payment — each step with its own status tracking
  • Dynamic pricing — quotes depend on property type, size, age, distance, and optional add-on services like floor plans or land registry checks
  • Payment reconciliation — matching incoming bank transfers (via Wise) to outstanding invoices automatically
Pregled Nepremičnine screenshot

The Solution

A server-rendered TypeScript application built on Fastify v5 with HTMX for dynamic interactions — delivering SPA-like responsiveness without client-side framework complexity. The fluent-html library provides type-safe HTML generation with Tailwind styling at the code level.

Three dedicated portals — the admin dashboard provides full operational control with inquiry management, engineer assignment, report review, and financial oversight. Engineers get a focused mobile-friendly interface for viewing appointments and submitting inspection reports with photos. Customers access a passwordless portal (magic link authentication) to track their inquiries, view completed reports, and see invoice details with bank payment instructions.

Automated workflows — assigning an engineer to an inquiry automatically creates an appointment. Cron jobs handle payment reminders and status transitions. The Wise integration monitors incoming payments and matches them to invoices via payment references.

Quote calculator — a dynamic pricing engine computes fees based on property attributes (size, type, age), geographic distance via postal code lookup, and selected additional services. Quotes break down every line item including VAT for full transparency.

Pregled Nepremičnine screenshot

Results

  • Unified digital workflow from inquiry to payment — operational from launch day
  • Automated appointment creation, payment matching, and reminder sending — eliminating manual coordination overhead
  • Customer self-service portal gives customers direct access to reports and invoices without back-and-forth communication
  • Engineers file reports directly in the system with photo uploads, keeping turnaround fast from the start
  • Dynamic quote calculator ensures consistent, transparent pricing across all inspections
  • Ongoing partnership — continued feature development driven by real operational feedback from the Pregled Nepremičnine team
Pregled Nepremičnine screenshot

Tech highlights

  • Zero-JS interactivity — HTMX handles all dynamic updates, form submissions, and navigation without a client-side JavaScript framework
  • Type-safe from database to HTML — Prisma generates types from the schema, fluent-html enforces valid HTML structure, JSON Schema validates all request inputs
  • Passwordless customer access — magic link authentication lets customers check their inspection status without managing credentials
  • Wise payment integration — webhook-driven payment reconciliation automatically matches bank transfers to invoices
  • Feature-modular architecture — organized by domain (inquiries, engineers, reports, invoices, portal) with shared components and route-level type safety