BrokBuddy – Actual Property Flutter App UI Template for Consumers, Sellers and Brokers
44 screens. Three roles. Gentle and darkish themes. English and Arabic with full RTL. Figma supply included.
A whole Flutter UI template for an actual property market the place patrons discover properties, sellers record their property and brokers handle listings, leads and advertisements. Run flutter pub get, hit run, and each journey is browsable in a few minutes, from onboarding and sign-up to property particulars, chat with presents, dealer verification, the dealer dashboard and paid promotion, with no backend or configuration required.
Dwell demo: brokbuddy-addaa.web.app
Demo Directions
Signal-in is simulated, so login accepts any well-formed enter. You possibly can discover each display screen within the reside demo or in your gadget:
- Login: any legitimate e-mail (for instance [email protected]) and any password, then tick the Phrases field
- Join: any title, a sound e-mail, a telephone quantity with 6 to fifteen digits and a password of 8 or extra characters
- OTP code: any 6 digits (for instance 123456), then select Purchaser, Vendor or Dealer
- Dealer verification: fill the three steps with any values, then faucet Simulate Approval (Demo) on the overview display screen to open the dealer dashboard, or Simulate Rejection (Demo) to see the rejected state
It’s also possible to faucet Discover App on the onboarding display screen to browse as a purchaser. In Profile, the Dealer Mode change adjustments between the customer and dealer apps immediately, and you may change the theme (System, Gentle, Darkish) and the language (English, Arabic).
Why BrokBuddy
- Runs out of the field. Demo repositories energy each display screen, so no server, database or credentials are wanted to discover the app.
- Three roles in a single app. Consumers, sellers and brokers every get their very own flows, and brokers get their very own backside navigation with a dashboard, listings and an Add New button.
- Figma supply included. The total Figma UI equipment is within the bundle, and the color, spacing and kind tokens within the code are centralised so the app is simple to restyle.
- Characteristic-first structure. Every of the 16 characteristic modules owns its screens, widgets, fashions and knowledge, and 75 reusable widgets are shared from one folder.
- Clear, examined codebase. 405 Dart information, passing
flutter analyzewith zero points underneath the strictvery_good_analysisguidelines, plus 40 exams together with format checks in each themes, each languages, telephone and pill sizes and huge textual content. - Constructed for actual APIs. Knowledge entry sits behind repository courses with async strategies, and knowledge screens have already got loading, empty and error states with Retry, so connecting your endpoints adjustments methodology our bodies solely.
44 Screens
Begin and Entry: Splash, Onboarding, Login, Signal Up, OTP Verification, Choose Function
Discovery: Residence, Search with filters and historical past, Map (Google Maps with property markers), Map Search, Property Particulars, Venture Particulars, Agent Particulars sheet
Chats: Chats, Chat Particulars, Dealer Chat Particulars with presents (settle for, reject, revise, deal carried out)
Account: Profile, Edit Profile, Saved Properties, Subscription, Handle Subscription, Assist and Contact, Privateness Coverage, Phrases and Circumstances, Theme and Language pickers
Instruments: EMI (mortgage) Calculator with yearly breakdown
Vendor Verification: Vendor Profile, Identification Proofs
Dealer Verification: Overview, Private Identification, Identification Proofs, Skilled License, In Overview, Rejected
Dealer Instruments: Dashboard, My Listings, Dealer Property Particulars and Venture Particulars with Insights, Checklist Property and Checklist Venture wizard (Particulars, Amenities, Images, Pricing), Promote Property (Choose Itemizing, Viewers, Finances, Advert Revealed)
Options
- Purchaser, vendor and dealer roles, with a Dealer Mode change in Profile
- Gentle and darkish mode from a centralised color token system, following the system setting or the consumer’s alternative, saved between launches
- English and Arabic with full right-to-left assist; new languages are added with one JSON file and one line of code
- Telephone and pill layouts, and assist for giant system textual content
- Residence with search, property classes, sponsored carousel, widespread properties and high tasks
- Search with historical past, filter sheet and outcomes; map tab with customized property markers (Google Maps)
- Property and challenge particulars with gallery, worth, options, services, agent card and Enquire Now
- Chats with search, unread counts and provide playing cards for worth negotiation
- Vendor verification and a 3-step dealer verification with doc add from the gadget
- Dealer dashboard with stats, a weekly overview chart and up to date exercise
- My Listings with properties and tasks, itemizing insights, replace, cover and delete actions
- 4-step Checklist Property / Checklist Venture wizard with location, services, pictures and pricing
- Promote Property movement with viewers, finances slider and marketing campaign dates
- Subscription plans (month-to-month and yearly) and Handle Subscription screens
- EMI calculator with mortgage overview and yearly breakdown
- Present location and tackle lookup, nation code picker for telephone numbers
- 40 named GetX routes declared in a single file, with role-aware navigation helpers
- 75 reusable shared widgets and design tokens for colors, spacing, radius and textual content types
- Montserrat font bundled for offline use
- Android and iOS configured, launch signing pre-wired
- Net construct with a telephone body on extensive screens, able to host as a reside demo
Necessities
- Newest secure model of Flutter (secure channel) with Dart 3.12.2 or newer
- Android Studio or VS Code
- Xcode (newest secure) with CocoaPods for iOS builds
- Non-compulsory: your personal Google Maps API key for the map tab
Tech Stack
Flutter (newest secure) / Dart · GetX (routing, translations) · shared_preferences · flutter_svg · google_maps_flutter · widget_to_marker · geolocator · geocoding · file_picker · country_code_picker · firebase_core (non-obligatory, off by default) · very_good_analysis
What You Get
- Full Flutter supply code for Android, iOS and Net
- Figma design supply file (the total BrokBuddy UI equipment)
- All picture, icon and font property
- Localization information for English and Arabic
- 40 exams
- Step-by-step documentation with screenshots and key consumer flows, offline (HTML and PDF)
Documentation
The obtain consists of offline documentation in HTML and PDF (Documentation/). It covers:
- Getting began, step-by-step for non-technical patrons and builders: putting in Flutter and an editor, opening the challenge, working it on an emulator, a telephone or the net, and constructing a launch
- Customise: app title, bundle title / bundle identifier, colors, fonts, brand, launcher icon, splash display screen, translations, including a language and demo knowledge
- Third-party providers: the place to get a Google Maps key, the precise file and line to place it in, the best way to allow Firebase, and the utilization prices to count on
- Simulated options: which flows are demos and the best way to join an actual backend
- Screenshots and key consumer flows of the principle screens, in gentle, darkish and Arabic right-to-left
- Venture construction, structure, including a display screen, launch signing, exams, troubleshooting and credit
Essential Notice
BrokBuddy is a UI template / front-end app equipment. It does not embody a backend, admin panel, database, fee gateway, chat server or reside API. All content material is served from native demo knowledge so each display screen is browsable instantly. The information layer is separated behind repository courses, making it simple to attach your personal API.
Signal-in, sign-up, OTP, dealer and vendor verification evaluations, subscriptions and funds, advert budgets and chat messages are simulated: nothing is distributed to a server and nothing is charged. Social login buttons and a few actions that want a backend present a “Demo” discover.
Third-Celebration Companies and Prices
- Google Maps: the Map tab and Map Search use Google Maps and wish your personal Google Maps API key (Android, iOS and net keys go in a single file every, as described within the documentation). And not using a key the app nonetheless runs, however the map reveals no tiles. Google Maps Platform requires a billing account and could cost you for utilization past its free tier.
- Firebase (non-obligatory):
firebase_coreis included however turned off by default, and no characteristic depends upon it. For those who allow it, you employ your personal Firebase challenge, which can incur utilization prices.
No API keys are included, and any service prices are your accountability. The template itself runs with none API keys.
AI Disclosure
AI-assisted instruments had been used through the improvement of this merchandise, to assist write and overview components of the code and the documentation. The whole lot was reviewed, examined and finalised by our workforce. The app itself has no AI-powered options and sends no knowledge to any AI service.
Credit
- Montserrat font by The Montserrat Venture Authors, SIL Open Font License 1.1 (license file included)
- Materials Icons by Google, Apache License 2.0
- Open-source Flutter packages listed within the Tech Stack (MIT and BSD-3-Clause licences; particulars within the documentation)
- Property and avatar pictures are placeholders for the demo solely; substitute them with pictures you personal earlier than publishing
Changelog
Model 1.0.0 – Preliminary launch
Help
Merchandise assist is supplied consistent with Envato’s Merchandise Help Coverage. In case you have a query earlier than or after buy, get in contact by means of the merchandise assist tab.
If BrokBuddy helped you ship quicker, a score is genuinely appreciated. Thanks to your assist!
