Lessons

lesson

At this point, we have a page displayed in the `/listings/location?` route that surfaces up to eight different listing cards for listings that exist in certain locations. In this lesson, we'll create the capability for a user to filter and paginate the information presented to them in the listings page.

Hassan Djirdeh

Jing Chen

lesson

With our `listings` field in our GraphQL API prepared to accept a `location` argument, we'll begin to work on the client app to build the `/listings/:location?` page for where certain listings can be shown for specific locations.

Jing Chen

Hassan Djirdeh

lesson

In this lesson, we'll begin to write the code in our server project to help allow a user to search for listings in a certain location. To achieve this, we'll first modify the existing `listings` GraphQL query field to accept an optional `location` argument that when provided will return the listings that pertain only to that location.

Hassan Djirdeh

Jing Chen

lesson

In this lesson, we'll address the gameplan we have in mind in how we want to conduct location-based searching in our app.

Hassan Djirdeh

Jing Chen

lesson

We've managed to create the capability for users to query for a list of listings that can be sorted based on listing price. In this module, we'll focus on the functionality that will allow our users to search for listings based on location. We'll begin the investigation for this by discussing the API we intend to use to help us - Google's Geocoding API.

Jing Chen

Hassan Djirdeh

lesson

This is an introduction to the work we'll be doing in Module 9.0.

Hassan Djirdeh

Jing Chen

lesson

This lesson is a summary of the work we've done in Module 8.0.

Hassan Djirdeh

Jing Chen

lesson

Our homepage is mostly prepared except for displaying the most premium (i.e. highest price) listings. In this lesson, we'll look to make the query we'll need to retrieve the highest priced listings from our server and display that information on our homepage.

Hassan Djirdeh

Jing Chen

lesson

The homepage of TinyHouse is to be to mostly presentational and aims to serve the purpose of telling the user what our app does as well as provide useful links to direct them elsewhere. In this lesson, we focus on building the presentational UI of the homepage.

Jing Chen

Hassan Djirdeh

lesson

With the root-level `listings` field prepared in our GraphQL API, we'll construct the resolver function for this field to attempt to query for a list of listings from the "listings" collection in our database.

Hassan Djirdeh

Jing Chen

lesson

In the homepage of our application, we hope to display a small list of the most premium listings available. In this module, we begin building the server and client implementation that will help allow us to retrieve and display listings information for the homepage of our application. We'll begin by brainstorming the GraphQL fields we'll need to query a list of listings from our API.

Hassan Djirdeh

Jing Chen

lesson

This is an introduction to the work we'll be doing in Module 8.0.

Hassan Djirdeh

Jing Chen