# Overview

*Property Directory* is a bubble.io template built by [Cranford Tech](https://cranfordtech.com/). 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.](https://cranford-tech.gitbook.io/property-directory-template/broken-reference)

**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](https://www.youtube.com/watch?v=aNfBSKMWJIc) ("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.