Flex House | React Native Actual Property Cell App
Flex House is a React Native (Expo SDK 54) cellular app for real-estate companies. It’s the cellular consumer for a Botble real-estate backend: properties, initiatives, brokers, saved listings, consultations and account knowledge all come out of your current web site over its REST API. One codebase builds each iOS and Android.
It’s aimed toward companies, property marketplaces and impartial brokers who already run a Botble real-estate web site and need their listings on telephones. Each piece of name id – title, bundle id, scheme, colors, fonts – lives in a single .env file, with impartial defaults within the supply, so you’ll be able to rebrand it with out touching code.
Please learn this earlier than shopping for. It is a cellular app solely – it isn’t a standalone system.
The app has no database and no admin panel of its personal. It reads every little thing (properties, initiatives, brokers, consultations, accounts) from a Laravel backend over that backend’s REST API. You should already personal, or purchase individually, one in every of our Laravel real-estate scripts earlier than this app is of any use to you:
Each ship the real-estate plugin and expose the identical API, so the app works with both. Shopping for this merchandise by itself offers you an app with nothing to show. In case you are undecided whether or not your web site qualifies, ask us before you purchase.
Demo Video
A full walkthrough of residence, search and filters, map search, property element, initiatives, saved listings, the agent portal and darkish mode:
Attempt it by yourself telephone
A demo APK is obtainable in the event you would slightly set up the app and click on round your self. It’s constructed in opposition to our Homzen demo backend, so the properties, brokers and initiatives you see are the demo web site’s knowledge.
Download the demo APK (Android)
Android solely – Apple doesn’t enable putting in an iOS construct exterior the App Retailer or TestFlight.
Demo & Assets
- Demo video: https://youtu.be/wKgCv2cl_Sg
- Demo APK (Android): https://drive.google.com/file/d/1vgwTmEk-A3rz4LzM1pNcNAEW0pJgmrgY/view?usp=sharing
- Backend demo: https://homzen.botble.com
- Admin demo: https://homzen.botble.com/admin (admin / 12345678)
- Touchdown web page: https://landing.botble.com/real-estate-mobile-apps
- Documentation: https://docs.botble.com/real-estate-mobile-apps
- Assist: https://botble.ticksy.com
Which backend do I would like?
The app talks to the real-estate plugin’s REST API slightly than to 1 particular web site, so it runs in opposition to any Botble real-estate backend. You want one in every of these Laravel scripts, bought individually:
Set API_BASE_URL to your web site, allow the API beneath Settings > API within the Botble admin, and the app connects. No different backend will work – the app is constructed in opposition to this particular API.
Third-party providers you might want
Please learn this earlier than shopping for. A number of non-obligatory options on this app connect with providers that aren’t ours and are usually not included within the buy worth. Enabling them requires you to register your individual developer or service provider accounts with these suppliers, settle for their phrases, and pay any charges they cost. We don’t management their pricing, approval processes or availability in your nation.
The app runs with none of them. Every characteristic under is switched off till you provide your individual credentials, and nothing else within the app is determined by it.
Social login (Google, Apple, Fb)
- Every supplier wants its personal developer account and an app registered in that supplier’s console, the place you generate the consumer IDs and secrets and techniques the app makes use of
- Google: a Google Cloud / Firebase venture and an OAuth consumer. Free on the volumes a traditional app produces, however topic to Google’s phrases
- Apple: Register with Apple requires membership of the Apple Developer Program, which is a paid yearly subscription (at present 99 USD/yr). Apple additionally requires Register with Apple on any iOS app that gives third-party social login, so plan for this price in the event you ship to the App Retailer
- Fb: a Meta for Builders account and a Fb app. Meta requires App Evaluate earlier than login works for the general public, and will ask for enterprise verification
- Suppliers you allow unconfigured merely don’t seem on the sign-in display. Electronic mail and password sign-in all the time works
Fee gateways (agent credit score packages)
- Funds are processed by your Laravel backend, not by this app. The app opens your web site’s current hosted checkout in a WebView, so whichever gateways you could have enabled on the backend are those brokers will pay with
- Each gateway (Stripe, PayPal, Razorpay, Paystack, Mollie and so forth) requires your individual service provider account with that supplier, plus their onboarding and id checks
- Gateways cost their very own transaction charges and, in some instances, month-to-month or payout charges. These charges are set by the supplier and are fully separate from the value of this merchandise. Availability additionally varies by nation
- Some gateways are bought as separate plugins for the Laravel backend slightly than delivery with it
- If you don’t promote credit score packages, you don’t want any gateway in any respect
Push notifications (Firebase)
- Push supply makes use of Firebase Cloud Messaging, so you need to create your individual Firebase venture and add google-services.json and GoogleService-Information.plist to the venture
- Firebase is a Google service with its personal phrases. The free tier covers regular messaging volumes, however heavy utilization or different Firebase merchandise can require a paid Google Cloud plan
- Push is just switched off till you configure it. Every little thing else within the app works with out it
Maps
- The default map engine is MapLibre with OpenStreetMap, which wants no API key, no billing account and no Google account
- Apple Maps and Google Maps are non-obligatory options. Selecting Google Maps requires your individual Google Cloud venture with billing enabled and a Maps SDK key, and Google payments map utilization above their free month-to-month allowance
App retailer accounts
- Publishing to the shops is finished beneath your individual developer accounts: the Apple Developer Program (paid yearly subscription) and a Google Play Developer account (one-off registration payment). Each are Envato-independent and charged by Apple and Google
- An Expo account can also be wanted for EAS cloud builds. Its free tier is sufficient to construct and submit the app
Key Options
Property and venture discovery
- Browse and search properties and initiatives
- Filter by kind (purchase/hire), class, metropolis or state, worth, bedrooms, loos and options
- Full-screen picture gallery with zoom
- Specs, options, services and buyer opinions on every itemizing
- Map view with property pins and a location-based “close to me” search
- OpenStreetMap by default, so no Google Maps API key and no billing account are required. Apple and Google Maps are supported in the event you want them
- Close by services (faculties, hospitals, transport) on property element
- Comparable-property strategies
Purchase or hire listings
- Properties on the market at a one-off worth, or for hire at a per-period charge
- Purchase/Lease badges and rent-period show
- Challenge listings with items, investor and services
Consultations and inquiries
- Session kind with customized fields outlined on the backend
- Contact the itemizing agent by name, WhatsApp or e-mail
- “My inquiries” historical past for signed-in customers
Mortgage calculator
- Month-to-month-payment estimate on each property
- Down cost, rate of interest and time period inputs, with defaults from the backend
Property comparability
- Examine specs, worth and options facet by facet
Multi-currency
- Forex picker with server-side conversion and stay alternate charges
Agent portal
- Dashboard with itemizing counts, credit and stats
- Create, edit, delete and renew listings by a multi-step kind with pictures, a map picker, options and services, and customized fields
- Purchase credit score packages by a hosted WebView checkout, so each cost gateway in your backend works with no native SDK
- Transactions and invoices, with PDF obtain
- Incoming leads (consultations on the agent’s personal listings) and opinions acquired
- Approval and blocked-account gating
Account, auth and safety
- Electronic mail and password sign-in with e-mail verification
- Social login by Google, Apple and Fb (Botble social-login plugin)
- Biometric unlock with fingerprint or face recognition
- Laravel Sanctum bearer auth, with the token held in Expo SecureStore
- Profile enhancing, avatar add, saved properties and public-profile visibility toggles
Push notifications
- Firebase Cloud Messaging, with the system token registered on sign-in
- In-app inbox with unread badges and mark-all-read
- Tapping a notification deep-links to the fitting display, together with from a chilly begin
Opinions
- Price a property from 1 to five stars and go away a remark
- Opinions proven on property element
Refer and earn
- Each consumer will get a shareable referral code
- New customers can enter a code at sign-up, and the referrer earns itemizing credit on their first bundle buy
Languages and right-to-left
- English, Vietnamese, Arabic and French included
- Full right-to-left format – the entire interface mirrors for Arabic, not simply the textual content
Darkish mode and really feel
- Darkish mode throughout each display, set to gentle, darkish or follow-system, together with a darkish map fashion
- Animations, haptics and React Question caching, so lists and pins survive an app restart
- Deep linking and native share for properties and initiatives
White-labeling
- Model id comes from
.env: app title, bundle id, scheme, slug, colors and fonts - Nothing is hardcoded within the supply – the defaults are intentionally impartial
- Mortgage calculator, map search and examine can every be switched off
Set up
Setup steps
- Obtain and extract the supply code bundle
- Open the venture listing in a terminal
- Run
npm set up --legacy-peer-deps - Copy
.env.instanceto.envand setAPI_BASE_URLto your Botble backend - Set your model:
APP_NAME,APP_BUNDLE_ID,APP_SCHEME, colors and fonts - Run
npm run iosornpm run androidto construct and launch - For retailer releases, construct and submit with EAS (
eas construct --profile manufacturing)
Observe: the app makes use of native modules (Firebase Cloud Messaging, MapLibre, Google Signal-In), so it wants a improvement construct. The Expo Go sandbox app can not run it.
Technical Specs
Structure
- Framework: React Native 0.81 with Expo SDK 54 (New Structure)
- Language: TypeScript in strict mode
- Navigation: Expo Router v6, file-based
- Server state: React Question (TanStack Question) with a persevered cache
- Shopper state: React Context, 7 contexts
- Styling: NativeWind v4 (Tailwind for React Native) over a token-based design system
- Maps: MapLibre with OpenStreetMap by default; Apple and Google Maps non-obligatory
- i18n: react-i18next, 4 locale information, full RTL
- Storage: AsyncStorage for preferences, Expo SecureStore for the auth token
By the numbers
- Screens: 44, overlaying each the client and agent flows
- Parts: 100+, together with a 13-piece shared UI package
- Contexts: 7
- Hooks and providers: 26 hooks over 24 API service modules
- Languages: 4
- Assessments: 49 check information overlaying providers, hooks and utilities
Tooling
- Sort checking with
npm run typecheck - Jest check suite with protection,
npm check - Translation key extraction and a locale-consistency verify,
npm run i18n:verify - Quick refresh in improvement
- EAS construct profiles for manufacturing APK and IPA
What’s Included
- Full React Native (Expo SDK 54) supply code
- 44 screens and 100+ reusable elements
- On-line documentation
- Set up, configuration and customization guides
- Social login setup guides for Google, Apple and Fb
- Push notification setup information
- 6 months assist
- Free updates
Necessities
- A Botble real-estate Laravel script – Homzen or Flex House – purchased individually, with the API enabled. This app doesn’t work with out one
- Node.js 20+ LTS
- Xcode 16+ for iOS, Android Studio for Android
- An Expo account for EAS builds
- A Firebase venture, if you need push notifications
- Your personal developer accounts with Google, Apple or Meta, if you need social login – see Third-party providers you might want above
- Your personal service provider account with a cost gateway, if you need brokers to purchase credit score packages. The gateway’s transaction charges are separate from this merchandise
- An Apple Developer Program membership and a Google Play Developer account to publish to the shops. Each are paid and charged by Apple and Google
Assist & Updates
- 6 months assist included along with your buy
- Free updates
- Assist with set up and configuration
- Bug fixes
- We reply to assist tickets inside one enterprise day
Use the assist tab on this merchandise’s web page, or our assist centre at botble.ticksy.com.
Changelog
Model 1.0.0 – Preliminary Launch
- React Native (Expo SDK 54) real-estate cellular app, constructed with TypeScript, React Question and NativeWind
- Property and venture searching, search, filtering and sorting
- Map search with MapLibre and OpenStreetMap, no Google Maps API key required
- Non-obligatory Apple and Google Maps engines, pin clustering and price-bubble markers
- Property element with gallery, specs, options, services, close by locations and opinions
- Mortgage calculator with defaults from the backend
- Facet-by-side property comparability
- Saved properties synced to the account
- Session requests with customized fields, together with visitor submission
- Agent listing, agent profiles, and phone by name, WhatsApp or e-mail
- Agent portal: dashboard, itemizing create/edit/delete/renew, picture add and map picker
- Agent credit score packages by a hosted WebView checkout
- Agent transactions, invoices with PDF obtain, incoming leads and opinions acquired
- Referral program with shareable codes and itemizing credit
- Social login with Google, Apple and Fb, plus biometric unlock
- Firebase Cloud Messaging push notifications with an in-app inbox and deep hyperlinks
- Multi-currency with server-side conversion
- English, Vietnamese, Arabic and French, with full RTL format
- Darkish mode throughout each display, together with a darkish map fashion
- React Question cache persistence, so lists and pins survive a restart
- White-labeling by atmosphere variables, no model hardcoded within the supply
- 44 screens and 100+ reusable elements
- 49 check information
- iOS and Android from a single codebase
- Documentation and setup guidesDocumentation and Assist
Documentation
Covers atmosphere setup, theme colors and fonts, the API base URL, translations, splash and loading screens, social login for all three suppliers, push notification setup, map configuration, and publishing to each shops. There may be additionally a devoted information to backend configuration errors, which walks by the setup errors on the Laravel facet that trigger empty screens, 401 and 403 responses, lacking pictures and failed uploads.
- Read Documentation
- Backend Configuration Errors – troubleshooting the backend facet of the setup
- API Integration – endpoint reference
- Social Login Configuration – supplier accounts and credentials
Assist
We normally reply inside 12 to 24 hours, and may help with setup, customization and troubleshooting.
Backend
You have to a Botble real-estate backend to run this app in opposition to. Homzen and Flex House each ship the real-estate plugin.
About Botble
We’re a Laravel and cellular improvement group. Botble CMS, and the themes and plugins constructed round it, are our principal work on Envato.
