How to Build a Real Estate Listing Platform in Bubble

Create a 'Property' Data Type with fields: title (text), description (text), price (number), property_type (Option Set — House, Apartment, Condo, Land), bedrooms (number), bathrooms (number), square_feet (number), address (geographic address — enables map features), images (list of images), featured_image (image), status (Option Set — Active, Pending, Sold), listed_by (User), and listed_date (date). The geographic address field stores coordinates for map display and enables proximity searches.

Create a page for agents to add new listings. Add Input elements for all property fields: title, description, price, bedrooms, bathrooms, square feet. Add a Dropdown for property type sourced from the Option Set. Add a Search Box element with Google Places autocomplete for the address field. Add a MultiFile Uploader for property photos and a single File Uploader for the featured image. The submit workflow creates a new Property record with all field values and sets status to Active and listed_by to Current User.

Build a search page with a filter panel and results area. Filters include: Dropdown for property type, price range inputs (min and max), bedroom and bathroom dropdowns (1+, 2+, 3+, 4+), and a Search Box for location. The results Repeating Group uses Do a Search for Property with constraints matching all filter values and Ignore empty constraints enabled. Display each listing as a card with the featured image, price, address, bedroom/bathroom count, and square footage. Sort options: Price Low to High, Price High to Low, Newest, and Closest (using geographic distance).

Install the Google Maps plugin or use the built-in Map element. On the search results page, add a Map element alongside the listing grid (split view). Set the map's data source to the same search as the Repeating Group. Bubble plots each Property's address as a marker on the map. Clicking a marker highlights the corresponding listing in the grid. On the property detail page, add a smaller map showing just the property location. Enable the 'Search within map bounds' feature so users can pan the map to search different areas.

Create a dynamic page with type Property. Display a photo gallery at the top using a Repeating Group of the property's images list with a main image viewer and thumbnail strip. Below, show all property details organized in sections: overview (price, type, status), features (bedrooms, bathrooms, sqft), description, location map, and an agent contact section. The contact section shows the listing agent's photo, name, and a contact form with fields for name, email, phone, and message. The form creates a Lead record and notifies the agent.