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
- Describe the home in your own words and get filters you can edit, never criteria about people
- Price pins on a map fitted to the search, with the chosen home as a photo card
- Book a tour in three taps: a day, a free time, Request; one agent is never booked twice
- Talk to your agent in the app, with the home the conversation is about on top
- Saved homes in lists with notes, side-by-side compare, and saved searches whose new homes show in Inbox
- Agent tools: today's tours, requests to confirm or decline, leads and each listing's views
Über diese Vorlage
Overview
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
Describe it: a sentence becomes filters the person can edit, with the matching homes and why each fits
Listing: the photo gallery, price with a monthly mortgage estimate, facts, open houses, features, floor plan and price history
Tour: in person or video chat, the next days with the times still free, and a note to the agent
Saved: a photo grid of saved homes, lists such as Shortlist and Maybe, notes, and Compare for two or three homes
Agent tools: today's tours as a timeline, requests to confirm, leads with Call and Text, and listing views
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.
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.
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 KIConnect 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.
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 KIWalk 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.
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 KIAdd GEMINI_API_KEY as a secret for the ai function, and AI_FREE_UNITS_PER_DAY if I give you a number.
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 KIDeploy 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.
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 KIReplace 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
- Nutze die Vorlage, um eine bearbeitbare Kopie samt Quellcode in deinem Workspace zu erhalten (Vorlagen).
- Bitte den KI-Assistenten in eigenen Worten um die gewünschten Änderungen (Mit dem Assistenten arbeiten).
- Probiere jede Änderung in der Live-Vorschau oder auf deinem Handy aus (Vorschau).
- 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-RichtlinieFragen
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.