Tutorial Firebase Setup

Tutorial: Firebase Setup

Warning

This section is under construction. Some of this information is out of date with the latest release of the template. Use with caution.

This guide walks through creating and configuring your Firebase project step by step.

Creating a Firebase Project

1. Go to the Firebase Console

2. Click on Add project and you'll see this screen:

3. Enter a project name (e.g., phillab-demo)

4. Click Continue

5. Choose whether to enable Google Analytics (optional for this tutorial)

6. You'll be taken to the project dashboard:

Setting Up Firestore

1. In the Firebase Console:

   • Click on Cloud Firestore (or All products > Cloud Firestore)
   • Click Create Database

2. Choose settings:

   • Select "Start in production mode"
   • Choose your database location/region

3. You'll see the empty database view:

Configuring Authentication

1. In Firebase Console:

   • Go to Authentication
   • Click Get Started

2. You'll see authentication options:

3. Enable Anonymous authentication:

   • Click on Anonymous
   • Toggle to enable
   • Click Save

Getting Configuration Details

1. Go to Project Settings (gear icon)

2. Click the web platform icon (</>)

3. Register your app:

   • Enter app nickname
   • Check "Also set up Firebase Hosting"
   • Click Register app

4. Copy your configuration:

Save this configuration - you'll need it in the Tutorial/Project Setup phase.

Next Steps

Continue to Tutorial/Project Setup to set up your local development environment.