Firebase project creation - Mini Project: Build & Apply

Firebase Project Creation

📖 Scenario: You are starting a new mobile app and want to use Firebase to manage your backend services like authentication and database.

🎯 Goal: Create a Firebase project configuration step-by-step to prepare your app for deployment.

📋 What You'll Learn

Create a Firebase project object with the exact project ID and name

Add a configuration variable for the Firebase region

Initialize the Firebase app with the project configuration

Export the initialized Firebase app for use in other parts of the app

💡 Why This Matters

🌍 Real World

Setting up a Firebase project configuration is the first step to using Firebase services like database, authentication, and hosting in your app.

💼 Career

Understanding how to configure and initialize Firebase projects is essential for cloud developers and mobile app developers working with backend services.

1

Create Firebase project configuration object

Create a constant called firebaseProject that is an object with these exact properties: projectId set to "my-firebase-project-123" and projectName set to "My Firebase Project".

Firebase

// Your code here

Need a hint?

Use const to create an object with the exact keys and values.

2

Add Firebase region configuration

Add a constant called firebaseRegion and set it to the string "us-central1".

Firebase

const firebaseProject = {
  projectId: "my-firebase-project-123",
  projectName: "My Firebase Project"
};

// Your code here

Need a hint?

Use const to create a string variable for the region.

3

Initialize Firebase app

Create a constant called firebaseApp and set it by calling initializeApp with firebaseProject as the argument.

Firebase

const firebaseProject = {
  projectId: "my-firebase-project-123",
  projectName: "My Firebase Project"
};

const firebaseRegion = "us-central1";

// Your code here

Need a hint?

Call initializeApp with the project object to create the app.

4

Export the Firebase app

Add an export statement to export the constant firebaseApp as the default export.

Firebase

const firebaseProject = {
  projectId: "my-firebase-project-123",
  projectName: "My Firebase Project"
};

const firebaseRegion = "us-central1";

const firebaseApp = initializeApp(firebaseProject);

// Your code here

Need a hint?

Use export default to make the app available to other files.