Firebase Authentication with Flutter & Riverpod v2

Firebase Authentication with Flutter & Riverpod v2:

| | | |

Simulator.Screen.Recording.-.iPhone.11.Pro.Max.-.2023-03-17.at.16.13.10.mp4

This app architecture is like MVC.

Note: If you struggle on architecture, I'll recommend Riverpod Architecture (written by Andrea). The article introduce almost used architecture.

Flutter

This app works by iOS and Android.

$ flutter --version
Flutter 3.7.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b06b8b2710 (7 weeks ago) • 2023-01-23 16:55:55 -0800
Engine • revision b24591ed32
Tools • Dart 2.19.0 • DevTools 2.20.1

Firebase

I set up by Firebase CLI.

$ flutterfire configure \
  --out=lib/firebase_options.dart \
  --platforms=android,ios \
  --ios-bundle-id=com.ryotaiwamoto.riverpodFirebaseAuth \
  --android-package-name=com.ryotaiwamoto.riverpod_firebase_auth

Features

• Deal with Riverpod v2 (using NotifierProvider and AsyncNotifierProvider)
• Firebase settings by Firebase CLI
• Sign up, sign in, reset password, and sigh out (on Firebase Authentication)
• Consider above error handling
• Have useful and simple UI

Next Steps

• Add tests
• Migration Go Router
• Add localization (now only English)

Reference

• https://github.com/KosukeSaigusa/spajam-2022-final
• https://github.com/Ryotaewamoto/bad-log