https://github.com/huextrat/thegorgeousotp

Phone number authentication + OTP login page built with @flutter 😍
https://github.com/huextrat/thegorgeousotp

flutter gorgeous login otp otp-verification otpauth uplabs

Last synced: about 15 hours ago
JSON representation

Phone number authentication + OTP login page built with @flutter 😍

• Host: GitHub
• URL: https://github.com/huextrat/thegorgeousotp
• Owner: huextrat
• License: mit
• Created: 2020-04-09T10:09:31.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T08:24:06.000Z (11 months ago)
• Last Synced: 2024-05-02T03:07:54.569Z (6 months ago)
• Topics: flutter, gorgeous, login, otp, otp-verification, otpauth, uplabs
• Language: Dart
• Homepage:
• Size: 293 KB
• Stars: 206
• Watchers: 12
• Forks: 69
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        

The Gorgeous Otp




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

   Uplabs



Login Screen        |  OTP Screen

:-------------------------:|:-------------------------:

![Screen 1](./github/screen1.png)  |   ![Screen 2](./github/screen2.png)

## Tools

This project uses the phone connection provided by [Firebase](https://pub.dev/packages/firebase_auth).

It also uses [MobX](https://pub.dev/packages/mobx) and [Provider](https://pub.dev/packages/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.