Suivez votre progression
Accueil Trailhead
Accueil Trailhead

Get to Know the Sample App

Now that you’ve deployed the app, let’s see what Dreamhouse users can do with it.

Discover the Property Explorer

Dreamhouse employees can browse the list of properties and access property details using the Property Explorer. They can filter properties by different criteria, such as the number of bedrooms or pricing. The Property Explorer is a Lightning app page built with custom Lightning web components. Let’s check it out from your new playground org.

  1. From the App Launcher, select Dreamhouse to open the Dreamhouse app.
  2. Click the Property Explorer tab.

    The page contains four top-level custom components: a set of filters, a paginated list of properties, property details, and a map.

  3. Try out the different filters and see how the property list dynamically updates.
  4. Select the first property that appears on the list to see its details.
  5. Property Explorer page with the double-arrow icon highlighted

  6. Take a look at the property detail component on the top right corner. The name of the property you selected should be City Living.
  7. For the City Living property, change the number of Beds to 5.
  8. Click the double arrow double-arrow icon on the property detail component to open the City Living property record.

    This is a Lightning record page that uses four more custom components: property broker details, number of days on the market, a map, and a carousel that displays photos of the property.

    City Living property record with the double-arrow icon highlighted in the broker component

  9. Now, click the double arrow double-arrow icon on the Broker card to open the Broker record.

    Broker record page

    This is a Lightning record page that uses standard components, such as the Related List (Single) component. 

Map Properties in the Property Finder

Dreamhouse employees can also view properties on a map. They do that in the Property Finder page. The Property Finder is also a Lightning app page built with custom Lightning web components.

  1. Click the Property Finder tab.

    The page contains four top-level custom components: a set of filters, the property map, property details, and days on the market.

  2. Try out the different filters and see how the map dynamically updates.
  3. Click a property on the map to see its details.

    Property Finder page

Take a Look at the App on Mobile

The Dreamhouse app also works on mobile. Let’s check it out!

  1. Open the Salesforce mobile app, and log in with your Trailhead Playground credentials. If you’re not familiar with the Salesforce mobile app, take a look at the Salesforce Mobile App Basics module.
  2. Tap App Launcher to open the apps menu.
  3. Select the Dreamhouse app.
  4. Explore the different tabs to see how they behave on mobile.

Property Explorer on mobile

Now that you’re familiar with the Dreamhouse Lightning app, in the next step you see how the functionality is implemented.