Zum Inhalt springen

Haus & Garten-Vorlage

Dormer Real Estate Agency App

A real estate agency's own app: homes for sale and rent by map, list or plain words, every room and the floor plan, tours booked in three taps, a chat with the agent and Agent tools for the team.

  • 37 Screens
  • iOS & Android
  • Beispieldaten
  • Aktualisiert am 4. Nov. 2026
  • Geprüfte Version

Gratis kopieren · Voller Quellcode · Keine Kreditkarte

Screens

6 Screens aus der laufenden App.

Was drinsteckt

  1. Describe the home in your own words and get filters you can edit, never criteria about people
  2. Price pins on a map fitted to the search, with the chosen home as a photo card
  3. Book a tour in three taps: a day, a free time, Request; one agent is never booked twice
  4. Talk to your agent in the app, with the home the conversation is about on top
  5. Saved homes in lists with notes, side-by-side compare, and saved searches whose new homes show in Inbox
  6. Agent tools: today's tours, requests to confirm or decline, leads and each listing's views

Über diese Vorlage

Overview

A sunny autumn street in Denver with brick and modern homes and mountains beyond

Dormer is a real estate agency's own app: one agency's homes for sale and for rent in one calm, photo-first app. People search by map, by list or in plain words, see every room and the floor plan before they go, book a tour in three taps, save homes in lists, and message their agent. Owners can ask what their home is worth, and an agent prepares the valuation by hand.

It is made for an independent brokerage, a property manager or a new-build developer that wants its own branded app. The agency earns on sales and leases, so nothing is paid in the app. It opens on a sample agency in Denver: four agents, ten homes and ten neighborhoods, with dates built from today so open houses are always this weekend.

Key features

  • Home: the newest home for the person's search as a big photo card, then their next tour

    Home
  • Describe it: a sentence becomes filters the person can edit, with the matching homes and why each fits

    Describe it
  • Listing: the photo gallery, price with a monthly mortgage estimate, facts, open houses, features, floor plan and price history

    Listing
  • Tour: in person or video chat, the next days with the times still free, and a note to the agent

    Tour
  • Saved: a photo grid of saved homes, lists such as Shortlist and Maybe, notes, and Compare for two or three homes

    Saved
  • Agent tools: today's tours as a timeline, requests to confirm, leads with Call and Text, and listing views

    Agent tools

Screens

Welcome, four onboarding questions (buy or rent, neighborhoods, budget over a histogram of the agency's homes, rooms and home type) and the search built from them, sign-in with a 6-digit code, Home, Search, Filters, Map, Describe it, a listing, its photos by room, Schedule a tour, a tour, Tours, Saved, Compare, Inbox, a conversation, Mortgage, a neighborhood guide, Our team, an agent, Sell and the valuation request, You, Settings, About, Terms and Privacy, and Agent tools (today, client messages, leads, a listing's views): 37 screens, light and dark.

AI and backend

Supabase keeps the agency's agents, neighborhoods, listings with their photos, history and open houses, and each person's saved homes, searches, tours, conversations and valuation requests, each readable only by its owner and the agents it concerns. The database refuses a tour that overlaps another of the same agent, falls outside opening hours or lies in the past, and an agent's reply or confirmation reaches the other phone at once over Realtime. Describe it runs on one Edge Function with your Gemini key against a daily allowance; in sample mode an on-device parser reads prices, rooms, neighborhoods, home types and features. Both leave out words about people and say so.

Monetisation

None in the app, by design: no in-app purchases, fees or card details. Rents show per month with the deposit and lease terms and are paid to the landlord, never in the app. The mortgage screen is an estimate from the person's own numbers, labelled as one.

Setup

It opens on the sample agency with no setup. Connect Supabase and apply the three migrations for accounts, tours and messages in the cloud, add your Gemini key and deploy the ai function for Describe it, then replace the sample agency with your own agents, neighborhoods, homes and photos. Tour reminders are local notifications on the phone.

real estateproperty listingshomes for salerentalstour bookingmap searchagent chatai searchreact nativeexposupabase

Das bekommst du

  • Voller Quellcode — Expo und React Native in TypeScript, als App in deinem Workspace.
  • Live-Vorschau — probiere jede Änderung im Browser oder auf deinem Handy aus.
  • Geprüfte Version — sie kompiliert und jeder Screen öffnet ohne Fehler.
  • KI-Assistent — ändere alles per Chat; jede Änderung kostet Credits.
  • Builds und Store-Upload — iOS- und Android-Builds, aus Veröffentlichen an App Store und Google Play gesendet.
  • Keine Credits fürs Kopieren — die Kopie selbst kostet keine.

Mit der aktuellen Version von FluxNative erstellt.

Das brauchst du

  • Ein FluxNative-Konto — der Free-Tarif fasst bis zu 2 Apps.
  • Kein Backend zum Start — läuft mit Beispieldaten, bis du deines verbindest.
  • Creator oder höher — für native Builds und Store-Upload.
  • Store-Konten — Apple Developer Program (99 US$ im Jahr) und Google Play (25 US$ einmalig), zum Veröffentlichen.

Was im Quellcode steckt

Screens
37
Dateien in deiner Kopie
494
Codezeilen eigens für diese App
14.448
fertige UI-Komponenten
142

App-Texte auf Englisch und Vietnamesisch

Tech-Stack

Expo SDK
57.0.22
React Native
0.86.3
React
19.2.8
TypeScript
6.0.3
Expo Router
57.0.21
Supabase JS
2.112.3

Aus der package.json dieser Version.

Designsystem

Überschriften
Systemschrift
Fließtext
Systemschrift
  • Heller und dunkler Modus
  • Liquid Glass
  • Kapsel-Buttons
  • Medienkarten

Einrichtung nach dem Fork

Deine Kopie öffnet sich mit dem KI-Assistenten, der sie gebaut hat. Geh die Schritte der Reihe nach durch: Verbinde unter Server, was ein Schritt verlangt, und sende dann jeden Prompt.

  1. Connect Supabase and apply Dormer's migrations

    Server › Backend › Supabase. Apply the three migrations in supabase/migrations in name order (the AI allowance, Dormer, the sample agency), so the app opens on the same homes it shows in sample mode.

    Prompt für die KI

    Connect this app to my Supabase project: set EXPO_PUBLIC_SUPABASE_URL and EXPO_PUBLIC_SUPABASE_ANON_KEY, apply the three migrations in supabase/migrations in name order, and check that the Search tab lists the sample agency's homes from Supabase.

  2. Send 6-digit sign-in codes from Supabase

    In Supabase's Authentication, put {{ .Token }} in the Magic Link email template and remove the link, keep Confirm email on, and turn on anonymous sign-ins for Describe it before an account exists.

    Prompt für die KI

    Walk me through Supabase Authentication for Dormer: the {{ .Token }} code in the Magic Link template without the link, Confirm email on, anonymous sign-ins on with a low rate limit, then test signing in from You with my email and saving a home.

  3. Add the Gemini key under API keys & secrets

    Server › API keys & secrets: GEMINI_API_KEY, and optionally AI_FREE_UNITS_PER_DAY (30 by default, one per search). Describe it uses them; without the key the filters still work.

    Prompt für die KI

    Add GEMINI_API_KEY as a secret for the ai function, and AI_FREE_UNITS_PER_DAY if I give you a number.

  4. Deploy the AI search function

    Deploy supabase/functions/ai with its secrets, then describe a home on the Describe it screen and check the filters it returns.

    Prompt für die KI

    Deploy the ai Edge Function in supabase/functions with my secrets, then run a search such as "3 bed house with a garage near Sloan Lake under $1.1M" from Describe it and check the filters it understood.

  5. Put in your agency, agents and homes

    Edit the agency row and AGENCY in src/services/agency, add your agents, neighborhoods, listings and photos (the listing-photos bucket), make your agents' accounts agents, then remove the sample agency with the statement at the top of its migration.

    Prompt für die KI

    Replace Dormer's sample agency with mine (I'll give you the details): update the agency row and AGENCY in src/services/agency/index.ts, add my agents, neighborhoods and listings in Supabase, set role = 'agent' for my agents' accounts, run the remove-sample statement from 20261025000200_dormer_sample_agency.sql, and replace the pictures in assets/samples.

So nutzt du diese Vorlage

  1. Nutze die Vorlage, um eine bearbeitbare Kopie samt Quellcode in deinem Workspace zu erhalten (Vorlagen).
  2. Bitte den KI-Assistenten in eigenen Worten um die gewünschten Änderungen (Mit dem Assistenten arbeiten).
  3. Probiere jede Änderung in der Live-Vorschau oder auf deinem Handy aus (Vorschau).
  4. Ab Creator baust du sie für iOS und Android und reichst sie in den Stores ein (Veröffentlichen im Überblick).

Lizenz und Support

Lizenz

Die für dich erstellte App gehört dir; der Code der Vorlage bleibt bei InspireUI und ist für die Nutzung in deinen Apps lizenziert (Bedingungen › Unser geistiges Eigentum).

Hilfe

  • Anleitungen zu Vorlagen, Assistent und Veröffentlichung.
  • Support kontaktieren über Hilfe; Antwort meist in 1–2 Werktagen.
  • Frag in deiner Kopie den KI-Assistenten zu jedem Screen oder jeder Datei.

Von FluxNative

Support-Richtlinie

Fragen

Ist es kostenlos?

Eine kostenlose Vorlage zu kopieren kostet nichts, auch keine Credits; eine Premium-Vorlage ist ein Einmalkauf pro Website. Chat-Änderungen und Builds kosten Credits.

Was gehört mir?

Die für dich erstellte App gehört dir. Der Code der Vorlage bleibt bei InspireUI und ist für die Nutzung in deinen Apps lizenziert (Bedingungen › Unser geistiges Eigentum).

Muss ich programmieren können?

Nein. Bitte den Assistenten in einfachen Worten um Änderungen; den vollen Quellcode siehst du, wenn du willst.

Kommt sie mit Backend?

Nein. Eine vollständige App nennt das nötige Backend und du verbindest deines unter Server; ein Design läuft mit Beispieldaten.

Kann ich das Design ändern?

Ja. Im Tab Design stellst du Markenfarbe, Farben, Schriften und Ecken ohne Credits ein; den Rest ändert der Assistent.

Welchen Tarif brauche ich zum Veröffentlichen?

Ab Creator baust du und lädst in die Stores hoch, mit deinen eigenen Apple- und Google-Konten. Die App einer Premium-Vorlage baut mit jedem Tarif, sobald ihre Website verbunden ist.

Kann ich den Quellcode herunterladen?

Ja, mit Quellcode herunterladen oder Push zu GitHub, sobald dein Workspace einen Tarif, Credits oder eine bezahlte Vorlage gekauft hat. Die App einer Premium-Vorlage braucht zusätzlich ihre verbundene Website.

Was, wenn sie mit einem früheren FluxNative erstellt wurde?

Deine Kopie funktioniert wie sie ist. Lass sie vom Assistenten auf neuere Funktionen wie App-Sprachen und Währungen aktualisieren; das ist der letzte Einrichtungsschritt.

Bereit, daraus deine App zu machen?

Starte mit Dormer Real Estate Agency App und ändere alles per Chat. Deine Kopie enthält den vollständigen Quellcode.

Kostenlos kopieren. Keine Kreditkarte nötig.

Taking a little longer than usual…

Loading FluxNative