Git Product home page Git Product logo

authentication-with-amazing-ui-flutter's Introduction

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.

Flutter Tutorials - Build intro, login & Register screens using Firebase

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:

Contact me โ˜Ž๏ธ

LinkedIn: Tarek Alabd
Twitter: @TarekAlabd

authentication-with-amazing-ui-flutter's People

Contributors

tarekalabd avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.