Module 9 Introduction

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

Project Source Code

Get the project source code below, and follow along with the lesson material.

Download Project Source Code

To set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.

This lesson preview is part of the TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two course and can be unlocked immediately with a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two with a single-time purchase.

Thumbnail for the \newline course TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

  • [00:00 - 00:20] >> Geo coding is the process of converting address information in text to valid geographic coordinates. We're going to use the process of geo coding to geo code the location information that a user searches for, to allow them to search for listings in locations around the world.

    [00:21 - 00:26] And we'll do this with the help of Google's geo coding API. >> That's right.

    [00:27 - 00:41] >> In this module, we'll discuss how Google's geo coding API works as well as retrieving a set of API keys for our application. Interact with the geo coding API in our server to resolve address inputs.

    [00:42 - 00:55] In our client, we'll navigate the user to the listings page when a location search is made. In our listings page, query for the listings in a specific location with the help of Google's geo coding API.

    [00:56 - 01:04] And finally, create an index for our listings collection to support efficient location based queries. (upbeat music)