قالب المنزل
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 شاشة
- iOS وAndroid
- بيانات تجريبية
- حُدّث في 4 نوفمبر 2026
- إصدار موثّق
نسخ مجاني · الشيفرة كاملة · دون بطاقة ائتمان
الشاشات
6 شاشات من التطبيق الفعلي.
ما الذي يتضمنه
- 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
عن هذا القالب
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.
ما تحصل عليه
- الشيفرة كاملة — Expo وReact Native بلغة TypeScript، كتطبيق في مساحة عملك.
- معاينة مباشرة — جرّب كل تغيير في المتصفح أو على هاتفك.
- إصدار موثّق — يُبنى وتُفتح كل شاشة دون أخطاء.
- مساعد الذكاء الاصطناعي — غيّر أي شيء بالمحادثة؛ كل تغيير يستهلك رصيدًا.
- عمليات البناء والرفع إلى المتاجر — بناء iOS وAndroid، يُرسل إلى App Store وGoogle Play من Publish.
- النسخ لا يستهلك رصيدًا — النسخ نفسه بلا تكلفة.
صُنع بالإصدار الحالي من FluxNative.
ما تحتاج إليه
- حساب FluxNative — تتسع خطة Free لتطبيقين.
- لا خادم خلفي للبدء — يعمل ببيانات تجريبية إلى أن تصل خادمك.
- Creator أو أعلى — لعمليات البناء الأصلية والرفع إلى المتاجر.
- حسابات المتاجر — Apple Developer Program (99 دولارًا أمريكيًا سنويًا) وGoogle Play (25 دولارًا أمريكيًا مرة واحدة)، للنشر.
ما الذي تتضمنه الشيفرة
- شاشات
- 37
- ملفات في نسختك
- 494
- أسطر كُتبت لهذا التطبيق
- 14.4 ألف
- مكوّنات واجهة جاهزة
- 142
نصوص التطبيق بـالإنجليزية والفيتنامية
التقنيات المستخدمة
- 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
من package.json لهذا الإصدار.
نظام التصميم
- العناوين
- خط النظام
- النص
- خط النظام
- الوضعان الفاتح والداكن
- Liquid Glass
- أزرار كبسولية
- بطاقات وسائط
الإعداد بعد النسخ
تُفتح نسختك مع مساعد الذكاء الاصطناعي الذي بناها. نفّذ الخطوات بالترتيب: صِل ضمن Server ما تطلبه الخطوة، ثم أرسل كل موجّه.
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.
طلب للذكاء الاصطناعي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.
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.
طلب للذكاء الاصطناعي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.
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.
طلب للذكاء الاصطناعيAdd 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.
طلب للذكاء الاصطناعي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.
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.
طلب للذكاء الاصطناعي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.
كيفية استخدام هذا القالب
- استخدم القالب لتحصل على نسخة قابلة للتعديل، مع شيفرتها المصدرية، في مساحة عملك (القوالب).
- اطلب من مساعد الذكاء الاصطناعي التغييرات التي تريدها بكلمات بسيطة (العمل مع المساعد).
- جرّب كل تغيير في المعاينة المباشرة أو على هاتفك (المعاينة).
- مع خطة Creator أو أعلى، أنشئ إصدار iOS وAndroid وأرسله إلى المتاجر (نظرة عامة على النشر).
الترخيص والدعم
الترخيص
التطبيق الذي أُنشئ لك ملكك؛ وتبقى شيفرة القالب ملكًا لـ InspireUI ومرخّصة للاستخدام في تطبيقاتك (الشروط › ملكيتنا الفكرية).
المساعدة
- أدلة عن القوالب والمساعد والنشر.
- التواصل مع الدعم من المساعدة؛ نردّ عادةً خلال 1–2 يوم عمل.
- في نسختك، اسأل مساعد الذكاء الاصطناعي عن أي شاشة أو ملف.
من صنع FluxNative
سياسة الدعمأسئلة
هل هو مجاني؟
نسخ قالب مجاني لا يكلّف شيئًا، ولا حتى رصيدًا؛ والقالب Premium شراء لمرة واحدة لكل موقع. تغييرات المحادثة وعمليات البناء تستهلك رصيدًا.
ماذا أملك؟
أنت تملك التطبيق المصنوع لك. تبقى شيفرة القالب ملكًا لـInspireUI ومرخّصة للاستخدام في تطبيقاتك (Terms › Our intellectual property).
هل أحتاج إلى معرفة البرمجة؟
لا. اطلب التغييرات من المساعد بكلماتك؛ والشيفرة الكاملة متاحة متى شئت.
هل يأتي مع خادم خلفي؟
لا. يسمّي التطبيق الكامل الخادم الخلفي الذي يحتاجه وتصل خادمك ضمن Server؛ أما التصميم فيعمل ببيانات تجريبية.
هل أستطيع تغيير التصميم؟
نعم. يضبط تبويب Design لون العلامة والألوان والخطوط والزوايا دون رصيد؛ ويغيّر المساعد الباقي.
أي خطة أحتاج إليها للنشر؟
تبني خطة Creator أو أعلى وترفع إلى المتاجر بحساباتك في Apple وGoogle. يُبنى تطبيق القالب Premium على أي خطة بعد ربط موقعه.
هل أستطيع تنزيل الشيفرة؟
نعم، عبر Download source أو Push to GitHub، بعد أن تشتري مساحة عملك خطة أو رصيدًا أو قالبًا مدفوعًا. يحتاج تطبيق القالب Premium أيضًا إلى ربط موقعه.
ماذا لو صُنع بإصدار أقدم من FluxNative؟
تعمل نسختك كما هي. اطلب من المساعد تحديثها بميزات أحدث، مثل لغات التطبيق وعملاته؛ وهي آخر خطوة إعداد.
هل أنت مستعد لتجعله تطبيقك؟
ابدأ من Dormer Real Estate Agency App وغيّر أي شيء عبر الدردشة. تتضمن نسختك الشيفرة المصدرية كاملة.
نسخ مجاني. لا حاجة إلى بطاقة ائتمان.