phone_number_sign_in

Hybrid, Functional, and Nice Designed SMS Sign In App

This project works on both Android & iOS platforms. I had a challange, I needed to adapt a nice design for my project, and I did it.

You can see below the my Dribbble UI challange, and screenshots & gifs from the application. Feel free to use.

Packages:

  • auto_size_text
  • intl_phone_number_input
  • auto_route
  • flow_builder
  • wave
  • pin_code_fields
  • bot_toast
  • progress_indicators
  • cupertino_icons
  • flutter_bloc
  • freezed_annotation
  • firebase_core
  • firebase_auth
  • build_runner
  • freezed
  • auto_route_generator

Warnings! READ BEFORE USING:

Since the firebase project keys are private, I did not share them. If you want to use this application, first you must complete the firebase authentication process.

Apart from that, If you want to build iOS application, you also must complete the Phone Auth For iOS.

For Firebase: https://console.firebase.google.com/

For iOS: https://firebase.google.com/docs/auth/ios/phone-auth?authuser=1&hl=en

Dribble Design

sms_verification

Design link: https://dribbble.com/shots/6572364-Code-Verification-IOS-App-Freebies

Screenshots from the app (for UI)

Ekran Resmi 2022-05-27 18 26 52

Ekran Resmi 2022-05-27 18 27 04

Ekran Resmi 2022-05-27 18 27 32

Ekran Resmi 2022-05-27 18 27 51

Ekran Resmi 2022-05-27 18 28 07

Ekran Resmi 2022-05-27 18 28 35

Gifs from the app (for functionality)

Note: Because of the GIF’s pixels, colors etc. seems not enough good. You can check the images for the UI.

screen2 screen1

GitHub

View Github