Full-Stack Firebase
  • Introduction
  • Introduction
    • Full-Stack Firebase
    • Why Firebase?
    • What is serverless?
    • Prerequisites
    • Overview & Structure
    • Write your first query
    • Links
    • Downloadable Notes
  • Firebase Console
    • Introduction
    • Walkthrough
  • Firebase Tools
    • Introduction
    • Walkthrough
  • Firebase Authentication
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
  • Cloud Firestore
    • Introduction
    • Walkthrough
    • Security Rules
    • Indexes
    • Challenge
    • Notes
  • Realtime Database
    • Introduction
    • Walkthrough
    • Security Rules
    • Challenge
    • Notes
  • Cloud Functions for Firebase
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
  • Firebase Storage
    • Introduction
    • Walkthrough
    • Security Rules
    • Challenge
    • Notes
  • Cloud Messaging
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
  • Firebase Hosting
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
Powered by GitBook
On this page
  • Instructions
  • Check out your results
  • If you get stuck...
  1. Introduction

Write your first query

PreviousOverview & StructureNextLinks

Last updated 6 years ago

We'll be using Firestore. Just follow the instructions below.

Instructions

  1. Open up in a new browser tab.

  2. Scan the docs, especially the "Get a document" section.

  3. Open another tab and go to Glitch.com.

  4. Create a Glitch.com account and click around a bit to get comfortable.

  5. Visit the Glitch project for this challenge,

  6. Look over the code in index.html and read the comments.

  7. Try to query the star-wars-people collection inside the getPeople() function

Check out your results

  1. Click the "Show" button on your glitch to pop open a preview of your page.

  2. .

  3. Navigate to the tab in DevTools to view your JavaScript output

If you get stuck...

  1. Reference as necessary

  2. Check out the solution in complete.html and watch the solution video!

the Firestore docs
coordinated-freighter
Open Chrome's DevTools
Console
the Firestore docs