Mẫu Nhà cửa
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 màn hình
- iOS & Android
- Dữ liệu mẫu
- Cập nhật 4 thg 11, 2026
- Bản phát hành đã kiểm tra
Sao chép miễn phí · Toàn bộ mã nguồn · Không cần thẻ
Màn hình
6 màn hình từ ứng dụng thực tế.
Có gì bên trong
- 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
Giới thiệu mẫu
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.
Bạn nhận được
- Toàn bộ mã nguồn — Expo và React Native bằng TypeScript, là một ứng dụng trong không gian làm việc của bạn.
- Xem trước trực tiếp — thử mọi thay đổi ngay trên trình duyệt hoặc điện thoại.
- Bản phát hành đã kiểm tra — biên dịch được và mọi màn hình mở không lỗi.
- Trợ lý AI — đổi mọi thứ bằng chat; mỗi thay đổi dùng credit.
- Bản dựng và tải lên cửa hàng — bản dựng iOS và Android, gửi lên App Store và Google Play từ Xuất bản.
- Sao chép không tốn credit — bản thân việc sao chép không mất credit nào.
Được làm bằng phiên bản FluxNative hiện tại.
Bạn cần
- Tài khoản FluxNative — gói Free chứa tối đa 2 ứng dụng.
- Không cần backend để bắt đầu — chạy bằng dữ liệu mẫu cho đến khi bạn kết nối backend của mình.
- Gói Creator trở lên — để dựng bản native và tải lên cửa hàng.
- Tài khoản cửa hàng — Apple Developer Program (99 USD/năm) và Google Play (25 USD một lần), để xuất bản.
Mã nguồn có gì
- màn hình
- 37
- file trong bản sao
- 494
- dòng code viết riêng cho ứng dụng
- 14,4 N
- component giao diện có sẵn
- 142
Ngôn ngữ trong ứng dụng: Tiếng Anh và Tiếng Việt
Công nghệ
- 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
Từ package.json của bản phát hành này.
Hệ thống thiết kế
- Tiêu đề
- Phông hệ thống
- Nội dung
- Phông hệ thống
- Chế độ sáng và tối
- Liquid Glass
- Nút bo tròn
- Thẻ hình ảnh
Thiết lập sau khi sao chép
Bản sao của bạn mở cùng trợ lý AI đã xây nó. Làm các bước theo thứ tự: kết nối những gì từng bước yêu cầu trong Máy chủ, rồi gửi từng câu lệnh.
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.
Câu lệnh cho AIConnect 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.
Câu lệnh cho AIWalk 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.
Câu lệnh cho AIAdd 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.
Câu lệnh cho AIDeploy 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.
Câu lệnh cho AIReplace 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ách dùng mẫu này
- Dùng mẫu để có một bản sao chỉnh sửa được, kèm mã nguồn, trong không gian làm việc của bạn (Mẫu).
- Nhờ trợ lý AI thay đổi những gì bạn muốn, bằng lời thường (Làm việc với trợ lý).
- Xem thử từng thay đổi trong bản xem trước trực tiếp, hoặc trên điện thoại (Xem trước).
- Từ gói Creator trở lên, build cho iOS và Android rồi gửi lên các cửa hàng (Tổng quan phát hành).
Giấy phép và hỗ trợ
Giấy phép
Ứng dụng được tạo cho bạn là của bạn; mã của mẫu vẫn thuộc InspireUI và được cấp phép để dùng trong các ứng dụng của bạn (Điều khoản › Sở hữu trí tuệ của chúng tôi).
Trợ giúp
- Hướng dẫn về template, trợ lý và xuất bản.
- Liên hệ hỗ trợ từ Trợ giúp; thường phản hồi trong 1–2 ngày làm việc.
- Trong bản sao của bạn, hỏi trợ lý AI về bất kỳ màn hình hay tệp nào.
Do FluxNative tạo
Chính sách hỗ trợCâu hỏi
Có miễn phí không?
Sao chép template miễn phí không mất gì, kể cả credit; template Premium mua một lần cho mỗi website. Đổi bằng chat và bản dựng dùng credit.
Tôi sở hữu gì?
Bạn sở hữu ứng dụng được tạo cho bạn. Mã của template vẫn thuộc InspireUI và được cấp phép dùng trong ứng dụng của bạn (Điều khoản › Quyền sở hữu trí tuệ của chúng tôi).
Tôi có cần biết code không?
Không. Nhờ trợ lý đổi bằng lời thường; có toàn bộ mã nguồn khi bạn cần.
Có kèm backend không?
Không. Ứng dụng đầy đủ nêu backend cần dùng và bạn kết nối backend của mình trong Máy chủ; bản thiết kế chạy bằng dữ liệu mẫu.
Tôi đổi được thiết kế không?
Được. Tab Thiết kế đặt màu thương hiệu, màu sắc, phông chữ và bo góc mà không tốn credit; trợ lý đổi phần còn lại.
Cần gói nào để xuất bản?
Gói Creator trở lên dựng và tải lên cửa hàng, bằng tài khoản Apple và Google của bạn. Ứng dụng từ template Premium dựng được ở mọi gói khi đã kết nối website.
Tôi tải được mã nguồn không?
Được, bằng Tải mã nguồn hoặc Đẩy lên GitHub, khi không gian làm việc của bạn đã mua gói, credit hoặc template trả phí. Ứng dụng từ template Premium cũng cần kết nối website.
Nếu nó được tạo bằng FluxNative cũ hơn thì sao?
Bản sao của bạn vẫn chạy bình thường. Nhờ trợ lý cập nhật để có tính năng mới như ngôn ngữ và tiền tệ của ứng dụng; đó là bước thiết lập cuối.
Sẵn sàng biến mẫu này thành ứng dụng của bạn?
Bắt đầu từ Dormer Real Estate Agency App và thay đổi mọi thứ qua chat. Bản sao của bạn có đầy đủ mã nguồn.
Sao chép miễn phí. Không cần thẻ tín dụng.