Phone number authentication + OTP login page built with @flutter ๐Ÿ˜

Overview

The Gorgeous Otp

A login page built with flutter inspired by a design found on Uplabs

Login Screen OTP Screen
Screen 1 Screen 2

Tools

This project uses the phone connection provided by Firebase. It also uses MobX and Provider to manage the state of the application simply and efficiently.

Configuration

This project works with Firebase so you need to import your own Google Services files on Android & iOS folder after creating your Firebase project. Remember to enable phone authentication in your Firebase project.

On iOS if you don't have APN key or APN is not setup on the device (emulator) you must set URL Schemes to the REVERSE_CLIENT_ID from the GoogleServices-Info.plist file. If your application crashes on iOS after entering his phone to receive OTP, there's a good chance it is due to this step.

You might also like...

On-boarding page for flutter applications

On-boarding page for flutter applications

onboarding This is a sample flutter onboarding plugin you use to attract first-time users when they land on your page, hence the name onboarding. You

Nov 2, 2022

Flexible and easy to use page transitions.

Flexible and easy to use page transitions.

flutter_villains What are heroes without villains? (Profile image from: https://unsplash.com/photos/pAs4IM6OGWI) Check out the article. What are villa

Dec 12, 2022

Page Transition package for multiple navigation types

f_page_transition A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to get you st

Oct 29, 2021

Basic login and signup screen designed in flutter

Basic login and signup screen designed in flutter

flutter_login_signup Simple basic authentication app designed in flutter. App design is based on Login/Register Design designed by Frank Arinze Downlo

Jan 6, 2023

Best 6 Flutter Login Screen Design

Best 6 Flutter Login Screen Design

Flutter Login Home Animation A new open-source Flutter project that enables the developer to quickly get started with the Flutter animation and applic

Dec 28, 2022

Flutter UI Login App with Figma

login_tasks_list A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started

Nov 17, 2021

A Flutter project for login and sign up

A Flutter project for login and sign up

loginsignup A new Flutter project for login and sign up. Getting Started This project is a starting point for a Flutter application. A few resources t

Dec 27, 2022

Login and Sign up Screens UI For Flutter

Login and Sign up Screens UI For Flutter

Login and Sign up Screens UI A new Flutter application. Getting Started This project is a starting point for a Flutter application. A few resources to

Nov 21, 2022

A simple login UI written in flutter

login_ui A simple Flutter login ui. Sign in screen Sign up screen

Nov 2, 2022
Comments
  • The App got stuck at the step for getting the OTP

    The App got stuck at the step for getting the OTP

    I downloaded the app and added my google-service.json in android/app. After entering the phone number, my app got stuck at the below stage

    image

    How can I fix this issue?

    The logs are

    โœ“  Built build/app/outputs/flutter-apk/app-debug.apk.
    Debug service listening on ws://127.0.0.1:63982/BoBmddA7pro=/ws
    Syncing files to device Android SDK built for x86...
    D/EGL_emulation( 5972): eglMakeCurrent: 0xa455be40: ver 2 0 (tinfo 0x948052f0)
    D/InputConnectionAdaptor( 5972): The input method toggled cursor monitoring on
    I/BiChannelGoogleApi( 5972): [FirebaseAuth: ] getGoogleApiForMethod() returned Gms: com.google.firebase.auth.api.internal.zzaq@ece1e40
    W/DynamiteModule( 5972): Local module descriptor class for com.google.firebase.auth not found.
    W/GooglePlayServicesUtil( 5972): Google Play services out of date.  Requires 12451000 but found 11743470
    I/art     ( 5972): Background sticky concurrent mark sweep GC freed 62917(2MB) AllocSpace objects, 0(0B) LOS objects, 47% free, 4MB/8MB, paused 4.169ms total 145.754ms
    
    opened by deepak0405 0
Owner
Hugo EXTRAT
Mobile App Developer @sqli & Mentor @OpenClassrooms ๐Ÿš€ Flutter - React Native - Android
Hugo EXTRAT
A Flutter Login Page UI project

flutter_login_ui A new Flutter Login Page UI project. Getting Started This project is a starting point for a Flutter application. A few resources to g

Jakariya (เฆนเฆพเฆฆเฆฟ) 1 Dec 4, 2021
Mobile app onboarding, Login, Signup page with #flutter.

Welcome page, Login Page and Sign up page - Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link We design 3 screens first one is a

Abu Anwar 1k Jan 6, 2023
Login Page UI Design and Animation For Flutter

Flutter Beautiful Login Page UI Design and Animation - Day 14 class Afgprogramme

Behruz Hurramov 0 Dec 24, 2021
Provides login screen with login/signup functionalities to help speed up development

Flutter Login FlutterLogin is a ready-made login/signup widget with many animation effects to demonstrate the capabilities of Flutter Installation Fol

Near Huscarl 1.2k Dec 31, 2022
Provides login screen with login/signup functionalities to help speed up development

Flutter Login FlutterLogin is a ready-made login/signup widget with many animation effects to demonstrate the capabilities of Flutter Installation Fol

Near Huscarl 945 Nov 2, 2021
A flutter package which display the library collapse according to the number of images associated with hero animation

?? Gallery Collapse A flutter package which display the library collapse accordi

null 6 Sep 12, 2022
Authentication Flow UI Made With Flutter 2.8 Null Safe

flutter_login_ui Flutter Login Flow UI Made In Flutter 2.8 with null safety Please leave a STAR if you found this useful.. Fonts Poppins link ScreenSh

Manish Dayma 16 Dec 22, 2022
A Flutter Log In Page using Flare Animations

Bear_log_in An example built using JCToon's Flare File as a custom UI component. Bear will follow the cursor as you type or move it around. Overview T

Apurv Jha 14 Oct 19, 2022
Page Transition Animation With Flutter

Page Transition Animation - Day 6 A new Flutter project. Screenshots Getting Started This project is a starting point for a Flutter application. A few

null 0 Oct 27, 2021
Page indicator for flutter, with multiple build-in layouts.

flutter_page_indicators Page indicator for flutter, with multiple build-in layouts. NOTE:This project is forked from flutter_page_indicator, because t

OpenFlutter 12 Jun 29, 2022