Plantilla de Casa y hogar
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 pantallas
- iOS y Android
- Datos de ejemplo
- Actualizada el 4 nov 2026
- Versión verificada
Copia gratis · Código completo · Sin tarjeta
Pantallas
6 pantallas de la app en funcionamiento.
Qué incluye
- 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
Acerca de esta plantilla
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.
Qué obtienes
- Código completo: Expo y React Native en TypeScript, como una app en tu espacio de trabajo.
- Vista previa en vivo: prueba cada cambio en el navegador o en tu móvil.
- Versión verificada: compila y cada pantalla abre sin errores.
- Asistente de IA: cambia lo que quieras por chat; cada cambio usa créditos.
- Compilaciones y subida a tiendas: compilaciones de iOS y Android, enviadas a App Store y Google Play desde Publish.
- Copiar no gasta créditos: la copia en sí no cuesta nada.
Creada con la versión actual de FluxNative.
Qué necesitas
- Una cuenta de FluxNative: el plan Free admite hasta 2 apps.
- Sin backend para empezar: usa datos de ejemplo hasta que conectes el tuyo.
- Creator o superior: para compilaciones nativas y subida a tiendas.
- Cuentas de tienda: Apple Developer Program (99 US$ al año) y Google Play (25 US$ una vez), para publicar.
Qué incluye el código
- pantallas
- 37
- archivos en tu copia
- 494
- líneas escritas para esta app
- 14,4 mil
- componentes de UI listos
- 142
Textos de la app en inglés y vietnamita
Tecnologías
- 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
Del package.json de esta versión.
Sistema de diseño
- Títulos
- Fuente del sistema
- Texto
- Fuente del sistema
- Modo claro y oscuro
- Liquid Glass
- Botones de cápsula
- Tarjetas de imagen
Configuración después del fork
Tu copia se abre con el asistente de IA que la creó. Sigue los pasos en orden: conecta en Server lo que pida un paso y luego envía cada 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 para la IAConnect 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 para la IAWalk 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 para la IAAdd 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 para la IADeploy 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 para la IAReplace 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.
Cómo usar esta plantilla
- Usa la plantilla para tener una copia editable, con su código fuente, en tu espacio de trabajo (Plantillas).
- Pide al asistente de IA los cambios que quieras, con tus propias palabras (Trabajar con el asistente).
- Prueba cada cambio en la vista previa en vivo o en tu teléfono (Vista previa).
- Con Creator o superior, compílala para iOS y Android y envíala a las tiendas (Resumen de la publicación).
Licencia y soporte
Licencia
La app creada para ti es tuya; el código de la plantilla sigue siendo de InspireUI y tiene licencia para usarse en tus apps (Términos › Nuestra propiedad intelectual).
Ayuda
- Guías sobre plantillas, el asistente y la publicación.
- Contactar con soporte desde Ayuda; respondemos normalmente en 1–2 días laborables.
- En tu copia, pregunta al asistente de IA sobre cualquier pantalla o archivo.
Hecho por FluxNative
Política de soportePreguntas
¿Es gratis?
Copiar una plantilla gratis no cuesta nada, ni créditos; una Premium es un pago único por sitio web. Los cambios por chat y las compilaciones usan créditos.
¿Qué es mío?
Eres dueño de la app creada para ti. El código de la plantilla sigue siendo de InspireUI y tiene licencia para usarlo en tus apps (Terms › Our intellectual property).
¿Necesito saber programar?
No. Pide cambios al asistente con tus palabras; el código completo está ahí cuando lo quieras.
¿Incluye backend?
No. Una app completa indica el backend que necesita y conectas el tuyo en Server; un diseño usa datos de ejemplo.
¿Puedo cambiar el diseño?
Sí. La pestaña Design cambia el color de marca, los colores, las fuentes y las esquinas sin gastar créditos; el asistente cambia el resto.
¿Qué plan necesito para publicar?
Creator o superior compila y sube a las tiendas, con tus propias cuentas de Apple y Google. La app de una plantilla Premium compila en cualquier plan cuando su sitio web está conectado.
¿Puedo descargar el código?
Sí, con Download source o Push to GitHub, cuando tu espacio de trabajo haya comprado un plan, créditos o una plantilla de pago. La app de una plantilla Premium también necesita su sitio web conectado.
¿Y si se hizo con una versión anterior de FluxNative?
Tu copia funciona tal cual. Pide al asistente que la actualice a funciones nuevas, como idiomas y monedas de la app; es el último paso de configuración.
¿Lista para convertirla en tu app?
Empieza desde Dormer Real Estate Agency App y cambia lo que quieras por chat. Tu copia incluye el código fuente completo.
Copia gratis. Sin tarjeta de crédito.