Overview

This set of documents outlines how to use the "Property Directory" bubble.io template built by Cranford Tech

Property Directory is a bubble.io template built by Cranford Tech. The template makes it easy to create real estate directories (like Zillow, Redfin etc.) and real estate agent sites. It's a fully responsive template that looks beautiful across all devices.

If you've bought the template and want to get started using it, you can check out our Quick Start section.

Template Features

The template comes with the following features:

• Real estate agents can:

  • Create and edit their own profiles

  • Sign in and log out of their accounts

  • Add and edit property listings

• Consumers can:

  • Search for properties based on filters such as location, number of bedrooms, number of bathrooms, size of the property and min and max price

  • View information for each property including geographical location on a map

  • Email real estate agents about properties they are interested in

Template Pages/Components

The template has the following components/pages:

Index (Homepage)

• This is where users search for properties based on a range of different criteria

• This page also displays the results for the search criteria

Property

• Dynamic page (type of content = Property) that shows information for the property selected, including: 3 photos, price, sq. footage, number of bedrooms/bathrooms, description, agent name/logo

• Contains a contact form that sends allows interested buyers to contact the agent via email

Sign In

• Allows the real estate agent to log in to their dashboard (where they can add/edit listings)

• Also contains a "sign up" component that allows new real estate agents to sign up for an account

Dashboard

• Once logged in, real estate agents can use the dashboard to view their existing listings, edit existing listings and add new listings

Note on dashboard: the dashboard is constructed as a single page application ("SPA"). It is made up of a single page ("dashboard") and 5 reusable elements that act as the various sub-pages within the dashboard. The 5 sub-pages are:

1. Sidebarnav: The menu at the left hand-side of the dashboard that allows agents to navigate between the various sections of the dashboard

2. views-add-listing: Section where the real estate agent adds the data to create a new property listing

3. views-edit-listing: Section of the dashboard where agents can edit the information associated with an existing property listing. This reusable element is a dynamic element that displays the information of the property selected

4. views-listings: Section of the dashboard that displays all existing listings created by the current real estate agent. Also allows agents to access the "views-edit-listing" component and delete listings

5. views-profile: Section of the dashboard where agents can change the name of their real estate agency and agency logo

The template comes with two additional reusable elements:

1. Navbar

2. Footer

Both are used for navigating throughout the app.