Authentication-With-Amazing-UI-Flutter

It's an amazing UI for (Intro, Login & Register) screens. In addition, it has full authentication using Firebase Authentication.

Tutorial

You can watch the tutorial on YouTube yo know how to build these screens and to link them with Firebase Authentication.

Don't forget to star the project ⭐ and fork it to start coding with it.

Features 🎯

• Free & Open Source
• Very Easy to use
• Cross Platform App (Android - IOS)
• Amazing UI (Intro, Login & Register screen)
• Simple Animation (Hero)
• Validation
• Firebase Authentication (Login, Register & Logout)
• Email & Password(Sign-in & sign-up method)
• Google(Sign-in & sign-up method)
• Facebook(Sign-in & sign-up method)
• Twitter(Sign-in & sign-up method)
• Password Reset
• Email Verification

Preview (Screens & Gif)

Language & Framework

• Dart
• Flutter

Contribtuing 💡

1. Download the repository files (project) from the download section or clone this project by typing in the bash the following command:

   git clone https://github.com/TarekAlabd/Authentication-With-Amazing-UI-Flutter.git
   

2. Run the project with Firebase (in the next section)

3. Open this project on Android Studio or Visual studio code (or any IDE you use to develop flutter apps).

4. Run the app on the emulator or simulator.

5. Edit and add what you want. For sure, your pull requests is welcomed. 😃

Running the project with Firebase

To use this project with Firebase authentication, some configuration steps are required.

• Create a new project with the Firebase console.
• Add iOS and Android apps in the Firebase project settings.
• On Android, use com.tarek.login_register_auth as the package name.
• then, download and copy google-services.json into android/app.
• On iOS, use com.codingwithflutter.firebaseAuthDemo as the bundle ID.
• then, download and copy GoogleService-Info.plist into iOS/Runner, and add it to the Runner target in Xcode.

See this document for full instructions:

• https://firebase.google.com/docs/flutter/setup

Contact me ☎️

LinkedIn: Tarek Alabd
Twitter: @TarekAlabd