Features
June 28, 2022

Authentication feature with Flutter & Firebase

Creating UI design for authenticating users and making it functional with Firebase.

Easy sign-in with any platform

Firebase Authentication aims to make building secure authentication systems easy, while improving the sign-in and onboarding experience for end users. It provides an end-to-end identity solution, supporting email and password accounts, phone auth, and Google, Twitter, Facebook, and GitHub login, and more.

○ Flexible, drop-in UI

FirebaseUI provides a customizable, open source, drop-in auth solution that handles the UI flows for signing in users. The FirebaseUI Auth component implements best practices for authentication on mobile devices and websites, which can maximize sign-in and sign-up conversion for your app.

○ Comprehensive security

Built by the same team that developed Google Sign-in, Smart Lock and Chrome Password Manager, Firebase security applies Google's internal expertise of managing one of the largest account databases in the world.

○ Fast implementation

It can take months to set up your own auth system, and it requires an engineering team to maintain that system in the future. Set up the entire authentication system of your app in under 10 lines of code, even handling complex cases like account merging.


I want to show you how to use Firebase authentication on Flutter. You can get this sample project on my GitHub or follow it step by step on video.

Sign in & Sign up with Email

Creating UI for Sign-in & sign-up page and adding functionality.

Email verification

We have to send link verification to verify isn't an unknown email.

Reset password

When users have registered, sometimes they forget their passwords. We have to create a reset password feature to handle it.

Dependencies

We need to use some packages to make it easy and speed up the development process.

  • firebase_core: We use this package to enable connecting to the Firebase project.
  • firebase_auth: We use this package to enable Android and iOS authentication using passwords, phone numbers, and identity providers like Google, Facebook, and Twitter.
  • get: We use this for state management, routing, and utility.

Result

We have created email authentication, email verification, and reset password features with Firebase. You can check the code result on GitHub. If you have any issues, please let me know and send me an email, or you can create new issues on the GitHub repository.

Get On GitHub

This sample project is just for my portfolio. You can use this sample project for your personal and client projects (paid or unpaid projects). This is a free open-source project, so please do not sell this project on Codecanyon, etc.
You should add functionality, complete some pages and use your firebase project before deploying. If you need some help, you can hire me to continue your project.