Firebase

The app uses Firebase — Google's backend platform — to power features like analytics, crash reporting, cloud save (so players' progress syncs across devices), and push notifications. This page walks you through creating a Firebase project and connecting it to your app.

You'll spend a couple of minutes in the Firebase website, a couple more in the terminal, and then you're done.

Third-party service — costs & fees. Firebase is a Google service, independent from CodeCanyon and Visuella. It ships with a free Spark plan that covers most small projects, but heavy usage (large numbers of users, big Firestore documents, high push volume, etc.) may require upgrading to the paid Blaze plan and can incur external costs charged directly by Google. Review the current quotas and pricing on firebase.google.com/pricing before scaling up.

Before you start

Make sure you've already installed the Firebase CLI and the FlutterFire CLI — both are covered in Get Started → Prerequisites. If you haven't yet, go back and do that first.

Step 1 — Create a Firebase project

1. Open the Firebase Console with your Google account.
2. Click Add project.
3. Pick a name for the project — anything you like (e.g. "My Logo Quiz").
4. Follow the setup wizard. You can enable or skip Google Analytics — either is fine.
5. Wait a few seconds until your project is ready.

That's it — you don't need to add an Android or iOS app by hand from the Firebase Console. The next step does that automatically.

Step 2 — Log in to Firebase from your terminal

Open a terminal in your project folder and run:

firebase login

This opens a browser window where you sign in with the same Google account you just used to create the Firebase project. Grant access when asked. You only need to do this once per computer.

Step 3 — Connect your app to Firebase

Still in the terminal (inside the project folder), run:

flutterfire configure

The command asks you a few questions:

1. Which Firebase project? — pick the project you created in Step 1.
2. Which platforms? — leave both Android and iOS selected (press Enter to confirm).
3. Android package name / iOS bundle ID — the command auto-detects the App IDs you set in the previous page.

When it's done, four small configuration files are created inside your project. You don't need to open them, edit them, or upload them anywhere — everything is wired up automatically.

Step 4 — Confirm on the Setup Page

Open the Setup Page in your browser and go to the Firebase section. You'll see four rows, one for each configuration file:

• firebase.json
• lib/firebase_options.dart
• android/app/google-services.json
• ios/Runner/GoogleService-Info.plist

Click Re-check. Every row should turn green with Present. If any row still says Missing, run flutterfire configure again from Step 3 — that means one of the files didn't get written.

Step 5 — Run sync

As with every other setup step, run the sync command in your terminal:

make sync

Firebase is now set up. Once you build and run the app, Firebase-powered features will start working.

If you change your App IDs later

Firebase ties its configuration to the exact Android package name and iOS bundle ID you had when you ran flutterfire configure. If you go back to the App IDs page and change either one:

1. Come back here.
2. Run flutterfire configure again.
3. Pick the same Firebase project.
4. Click Re-check on the Setup Page — all four rows should still be green.

Back up your Firebase files

The four files above are gitignored (never uploaded to Git for privacy reasons). If you ever move your project to a new computer, or reset it, you'll need them back — either restore them from a backup or simply re-run flutterfire configure.