Aller au contenu

Template Maison et habitat

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 écrans
  • iOS et Android
  • Données d’exemple
  • Mis à jour le 4 nov. 2026
  • Version vérifiée

Copie gratuite · Code source complet · Sans carte bancaire

Écrans

6 écrans de l’app fonctionnelle.

Contenu

  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

À propos de ce modèle

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

Ce que vous obtenez

  • Code source complet — Expo et React Native en TypeScript, en app dans votre espace de travail.
  • Aperçu en direct — testez chaque changement dans votre navigateur ou sur votre téléphone.
  • Version vérifiée — elle compile et chaque écran s’ouvre sans erreur.
  • Assistant IA — modifiez tout par chat ; chaque changement consomme des crédits.
  • Builds et envoi aux stores — builds iOS et Android, envoyés à l’App Store et à Google Play depuis Publier.
  • Aucun crédit pour copier — la copie elle-même est gratuite.

Conçu avec la version actuelle de FluxNative.

Ce qu’il vous faut

  • Un compte FluxNative — le forfait Free accepte jusqu’à 2 apps.
  • Aucun backend au départ — elle tourne sur des données d’exemple jusqu’à ce que vous connectiez le vôtre.
  • Creator ou plus — pour les builds natifs et l’envoi aux stores.
  • Comptes de store — Apple Developer Program (99 US$ par an) et Google Play (25 US$ une fois), pour publier.

Ce que contient le code

écrans
37
fichiers dans votre copie
494
lignes écrites pour cette app
14,4 k
composants d’interface prêts à l’emploi
142

Textes de l’app en anglais et vietnamien

Stack technique

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

Tiré du package.json de cette version.

Système de design

Titres
Police du système
Texte
Police du système
  • Modes clair et sombre
  • Liquid Glass
  • Boutons en pilule
  • Cartes média

Configuration après le fork

Votre copie s’ouvre avec l’assistant IA qui l’a créée. Suivez les étapes dans l’ordre : connectez sous Serveur ce qu’une étape demande, puis envoyez chaque 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 pour l’IA

    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 pour l’IA

    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 pour l’IA

    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 pour l’IA

    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 pour l’IA

    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.

Comment utiliser ce modèle

  1. Utilisez le modèle pour obtenir une copie modifiable, avec son code source, dans votre espace de travail (Modèles).
  2. Demandez à l’assistant IA les changements voulus, avec vos propres mots (Travailler avec l’assistant).
  3. Essayez chaque changement dans l’aperçu en direct ou sur votre téléphone (Aperçu).
  4. Avec Creator ou plus, compilez-le pour iOS et Android et envoyez-le aux stores (Vue d’ensemble de la publication).

Licence et support

Licence

L’app créée pour vous vous appartient ; le code du modèle reste à InspireUI et vous est concédé sous licence pour vos apps (Conditions › Notre propriété intellectuelle).

Aide

  • Guides sur les templates, l’assistant et la publication.
  • Contacter le support depuis Aide ; réponse en général sous 1 à 2 jours ouvrés.
  • Dans votre copie, interrogez l’assistant IA sur n’importe quel écran ou fichier.

Créé par FluxNative

Politique de support

Questions

Est-ce gratuit ?

Copier un template gratuit ne coûte rien, pas même des crédits ; un template Premium est un achat unique par site web. Les changements par chat et les builds consomment des crédits.

Qu’est-ce qui m’appartient ?

L’app créée pour vous vous appartient. Le code du template reste à InspireUI et vous est concédé sous licence pour vos apps (Conditions › Notre propriété intellectuelle).

Faut-il savoir coder ?

Non. Demandez des changements à l’assistant en mots simples ; le code source complet est là si vous le voulez.

Y a-t-il un backend inclus ?

Non. Une app complète nomme le backend requis et vous connectez le vôtre sous Server ; un design tourne sur des données d’exemple.

Puis-je changer le design ?

Oui. L’onglet Design règle la couleur de marque, les couleurs, les polices et les angles sans coût en crédits ; l’assistant change le reste.

Quel forfait pour publier ?

Creator ou plus compile et envoie aux stores, avec vos propres comptes Apple et Google. L’app d’un template Premium se compile avec tout forfait dès que son site web est connecté.

Puis-je télécharger le code source ?

Oui, avec Télécharger le code source ou Push vers GitHub, dès que votre espace de travail a acheté un forfait, des crédits ou un template payant. L’app d’un template Premium exige aussi son site web connecté.

Et si elle a été créée avec une version antérieure de FluxNative ?

Votre copie fonctionne telle quelle. Demandez à l’assistant de la mettre à jour pour les nouveautés comme les langues et devises de l’app ; c’est la dernière étape de configuration.

Prêt à en faire votre app ?

Partez de Dormer Real Estate Agency App et changez tout par chat. Votre copie inclut tout le code source.

Copie gratuite. Sans carte bancaire.

Taking a little longer than usual…

Loading FluxNative