Firebase project creation - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to initialize a new Firebase project with the Firebase CLI.

Firebase

firebase [1]

Drag options to blanks, or click blank then click option'

Ainit

Bdeploy

Cserve

Dlogin

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'deploy' before initializing the project

Trying to serve without setup

Running 'login' instead of project setup

The firebase init command starts the setup process for a new Firebase project in your directory.

2fill in blank

medium

Complete the code to select an existing Firebase project during initialization.

Firebase

firebase init [1]

Drag options to blanks, or click blank then click option'

A--project

B--create

C--deploy

D--login

Attempts:

3 left

💡 Hint

Common Mistakes

Using '--create' to select an existing project

Confusing '--deploy' with project selection

Trying to login with '--login' flag here

The --project flag lets you specify which Firebase project to use during initialization.

3fill in blank

hard

Fix the error in the command to deploy Firebase functions after project setup.

Firebase

firebase [1] --only functions

Drag options to blanks, or click blank then click option'

Aserve

Binit

Cdeploy

Dlogin

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'init' instead of 'deploy' to upload functions

Trying to 'serve' functions locally without deploying

Running 'login' instead of deployment

The firebase deploy --only functions command uploads your cloud functions to Firebase.

4fill in blank

hard

Fill both blanks to initialize Firebase hosting and select the public directory.

Firebase

firebase init [1] --public [2]

Drag options to blanks, or click blank then click option'

Ahosting

Bfunctions

Cpublic

Dsrc

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'functions' instead of 'hosting' for web setup

Setting the public directory to 'src' instead of 'public'

The hosting option sets up Firebase Hosting, and public specifies the folder with your web files.

5fill in blank

hard

Fill all three blanks to deploy hosting with a specific project and confirm deployment.

Firebase

firebase deploy --only [1] --project [2] --[3]

Drag options to blanks, or click blank then click option'

Ahosting

Bmy-firebase-project

Cforce

Dfunctions

Attempts:

3 left

💡 Hint

Common Mistakes

Deploying functions instead of hosting

Omitting the project flag

Missing the force flag to avoid prompts

This command deploys hosting to the specified project and confirms the action automatically.

Practice

1. What is the main purpose of creating a Firebase project?

easy

A. To write frontend code for your app

B. To design the user interface of your app

C. To set up a workspace for your app's backend services

D. To create a database schema manually

Solution

1. Step 1: Understand Firebase project role

   A Firebase project acts as a container for backend services like database, authentication, and hosting.

2. Step 2: Differentiate frontend and backend tasks

   Frontend code and UI design are done outside Firebase project creation; the project is for backend setup.

3. Final Answer:

   To set up a workspace for your app's backend services -> Option C

4. Quick Check:

   Firebase project = backend workspace [OK]

Hint: Firebase project is backend setup, not frontend code [OK]

Common Mistakes:

• Confusing project creation with UI design
• Thinking project creates frontend code
• Assuming project creates database schema manually

2. Which command is used to create a new Firebase project?

easy

A. firebase new project

B. firebase init project

C. firebase create app

D. gcloud projects create

Solution

1. Step 1: Recall CLI commands

   The correct command to create a Firebase project is gcloud projects create.

2. Step 2: Identify incorrect commands

   Commands like firebase init project, firebase new project, and firebase create app are invalid or do different tasks.

3. Final Answer:

   gcloud projects create -> Option D

4. Quick Check:

   Project creation command = gcloud projects create [OK]

Hint: Use 'gcloud projects create' to make new projects [OK]

Common Mistakes:

• Using 'firebase init' to create project
• Typing 'firebase new project' which is invalid
• Confusing project creation with app initialization

3. What will happen if you try to create a Firebase project with an ID that is already taken?
gcloud projects create myapp

medium

A. The project will be created with the same ID

B. gcloud will return an error saying the project ID is already in use

C. gcloud will automatically rename the project ID

D. The command will create a duplicate project silently

Solution

1. Step 1: Understand project ID uniqueness

   gcloud requires each project ID to be unique globally to avoid conflicts.

2. Step 2: Behavior on duplicate ID

   If the ID is taken, gcloud returns an error and does not create the project.

3. Final Answer:

   gcloud will return an error saying the project ID is already in use -> Option B

4. Quick Check:

   Duplicate project ID causes error [OK]

Hint: Project IDs must be unique; duplicates cause errors [OK]

Common Mistakes:

• Assuming gcloud renames project IDs automatically
• Thinking duplicate projects can be created
• Believing silent duplicates happen

4. You ran gcloud projects create myapp but got an error. Which of these is the most likely cause?

medium

A. The project ID 'myapp' is already taken

B. You used the wrong command 'gcloud create project'

C. You did not provide a display name

D. You forgot to install the Google Cloud CLI

Solution

1. Step 1: Check command correctness

   The command gcloud projects create myapp is correct syntax.

2. Step 2: Identify common error causes

   Errors often happen if the project ID is already taken, which Google Cloud disallows.

3. Final Answer:

   The project ID 'myapp' is already taken -> Option A

4. Quick Check:

   Duplicate project ID causes creation error [OK]

Hint: Check if project ID is unique when creation fails [OK]

Common Mistakes:

• Assuming missing display name causes error
• Using wrong command syntax
• Not installing Google Cloud CLI before running commands

5. You want to create a Firebase project with a custom display name but keep the project ID simple. Which command correctly does this?

hard

A. gcloud projects create myapp --name "My Application"

B. gcloud create project myapp --name "My Application"

C. gcloud projects create --id myapp --name "My Application"

D. gcloud projects create myapp --display-name="My Application"

Solution

1. Step 1: Identify correct command syntax

   The correct Google Cloud CLI command to create a project with a display name is gcloud projects create myapp --name="My Application".

2. Step 2: Check invalid options

   Options A, B, and C use invalid commands or flags like --display-name or --id.

3. Final Answer:

   gcloud projects create myapp --name="My Application" -> Option A

4. Quick Check:

   Use --name flag to set project display name [OK]

Hint: Use --name to set project name, not --display-name [OK]

Common Mistakes:

• Using --display-name instead of --name
• Using wrong command like 'gcloud create project'
• Mixing up flags for project ID and display name