Authentication-With-Amazing-UI-Flutter

KO | EN

gitlite — search

#rust #ai #python #mcp #llm #typescript #developer-tools #senac #senac-sp #senac-tat #senac-tatuape #senactat

Authentication-With-Amazing-UI-Flutter

★ 74 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Authentication-With-Amazing-UI-Flutter
It's an amazing UI for (Intro, Login &amp; 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.

[![Flutter Tutorials - Build intro, login & Register screens using Firebase](https://raw.githubusercontent.com/TarekAlabd/Authentication-With-Amazing-UI-Flutter/master/media/preview-login.jpg)](https://youtu.be/VGfhfRfkxdg)

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

## Features :dart:
* [x] Free & Open Source
* [x] Very Easy to use
* [x] Cross Platform App (Android - IOS)
* [x] Amazing UI (Intro, Login & Register screen)
* [x] Simple Animation (Hero)
* [x] Validation
* [x] Firebase Authentication (Login, Register & Logout)
* [x] 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)

![](https://raw.githubusercontent.com/TarekAlabd/Authentication-With-Amazing-UI-Flutter/master/media/preview-loginapp.jpg)

![](https://raw.githubusercontent.com/TarekAlabd/Authentication-With-Amazing-UI-Flutter/master/media/preview.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](https://firebase.google.com/docs/flutter/setup#configure_an_android_app) `google-services.json` into `android/app`.
- On iOS, use `com.codingwithflutter.firebaseAuthDemo` as the bundle ID.
- then, [download and copy](https://firebase.google.com/docs/flutter/setup#configure_an_ios_app) `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](https://firebase.google.com/docs/flutter/setup)

## Contact me ☎️ 
LinkedIn: [Tarek Alabd](https://linkedin.com/in/TarekAlabd)  
Twitter: [@TarekAlabd](https://twitter.com/TarekAlabd)

Authentication-With-Amazing-UI-Flutter

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README