The Fastest way to setup Firebase with your Flutter app🔥

Hello everyone, if you're developing an app where you want to set up a firebase for your project. Now you don't have to do the old monotonous work where you have to configure your android, ios, and web app separately into your project. Flutter fire 🔥 got you covered this time.

Prerequisite :

Create a project on Firebase Console Firebase
Install Node.js v14.18.0 or later Node

Let's begin...

🖳 Implementation
Step1: Click on the Flutter app icon to add your app

image (1).png

Step2: Download the Firebase CLI ( Enable firebase command globally )

The Firebase CLI provides a variety of tools to test, manage, and deploy your Firebase projects from the command line. For more info documentation

Run this command in your terminal
```
npm install -g firebase-tools
```
- After installing verify it by running firebase --version

Step3: Log into Firebase Console using your Google account

Run this command in your terminal
```
firebase login
```
```
firebase logout
```
Note - Use the firebase logout command only when you logged in with the wrong account

Step4: Download the FlutterFire CLI ( This is where the magic happens 😍 )

From any directory run this command

dart pub global activate flutterfire_cli

Disclaimer -- You will be getting the below warning 😕

To solve this add the path C:\Users\hp\AppData\Local\Pub\Cache\bin in the System path Environment variable.

Step5: Final command

This command will fetch all the projects from your firebase console

Run the command at the root of your application

flutterfire configure --project=flutter--notification-12226

Note- Don't run this command; this is unique for every project. You can find this command in step 4 image

After running your command, you will be asked to select the platform for which you want to configure, use the Space bar key to choose the platform, and Enter key to proceed
Hooray 99% of work is done.

Step6: Now come to your Flutter Application

add Firebase-core into your pubspec

  firebase_core: ^1.17.0

add the below line in your main.dart

import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart'; // generated via `flutterfire` CLI
Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);
  runApp(MyApp());
}

Tadaaaa.......
You configured android, ios, and web applications in a single go. You're Brilliant❤️ Thank you!