AWS Amplify and Flutter Tutorial #1 (Auth Signup Flow)

In this video series we will be building a signup and login flow with AWS Amplify and Flutter. We will create a Flutter project and configure AWS Amplify with Authentication and Analytics features. We will build our signup flow including code confirmation with error handling. We will use the flutter_login package to quickly build our login screen.

=== Contents of this video ===

00:00 Intro and App demo
00:54 Pre-requisites for AWS Amplify and Flutter
01:07 Setup Flutter project with package dependencies
02:06 Initialise Amplify project with Amplify CLI
03:35 Implement EntryScreen widget and configure Amplify
06:15 Implement Login form widget
07:13 Implement login and signup methods
08:23 Implement signup flow
11:24 Handle AuthError exceptions with signup
13:05 Build confirmation code screen
21:50 Implement DashboardScreen widget
24:15 Implement logout behaviour
25:00 Improve validation on confirmation code screen
27:33 Implement Resend code behaviour
29:45 Outro

Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #Dartlang #AWSAmplify #CloudPlatform #Flutter

Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍

LET'S CONNECT
---

[brianschroeder]

This is some awesome stuff my guy, I won't doubt this video getting up to 100, 000 in a year or two!

[baba_yaga]

You've earned a new sub today man, god bless you!

[theGoldyMan]

I've being waiting for this. Great video tutorial from you as always. Keep up the good work and thanks for this amplify related video. Please make more about it.

[pliegosevilla]

I think you are very cool. Thanks for this amazing content

[markgargan]

Man, you're releasing A grade content! I've scoured the web looking for aws amplify with flutter frontend. You chose flutter for write once and deploy everywhere? Have you found the need to augment with android ios specifically libraries? I'm gonna inhale this over the next few days! 😂 thanks very much for providing it 👍

[goldenlife]

Thank you for this amplify related topic, really helpful, great work and appreciate your effort have a great day

[ernielopez]

Much love! Exactly what I've been looking for. Really appreciate the video! Keep it going.

[alansnyder]

Great video. I hope you can make some more Flutter + AWS Amplify content!!

[saurabrakshit]

Amazing Video !
Please make a separate vdo on below topic coz there is no resource in internet related to this topic.
I want to know how to do the Sign Up, Login
& other MFA in React-Native App, if I already have a existing
backend in AWS Cognito .

And have the below details of the existing backend :-
aws_cognito_identity_pool_id:
aws_cognito_region:
aws_user_pools_id:
aws_user_pools_web_client_id:

[attttia]

Just in time
Thank you, man
keep going

[FlutterMapp]

Always used Firebase before, I wonder what is the price difference between firebase and amplify 🧐 Thanks for sharing btw!

[inwmgmailcom]

Great, thanks for the lesson.
I also really liked the soundtrack. What is this music ? (start 17:30)

[tuanvungo]

it's a good tutorial, but I have a question. How can I remove an account which is unconfirmed?

[anilchaudhary]

hello sir,
i want Amplify linkedin Auth +Flutter can you please help me??

[carlangcana]

final amplify = Amplify(); is not recognized in my program. I followed the needed code for pubspec.yaml but it sseems to not recognize the Amplify()? What should I do sir

[ajayvishwakarma]

please sir make video for latest flutter version . i have facing error of refector amplify_core into amplify_flutter

[ВоиныСвета-гм]

Thank you! I already have my flutter app integrated with firebase, it makes sense to rewrite it to use Amplify?
And how you think, in which case Amplify better than Firebase?

[mikelo]

Hi, this is a great video. However, my question is ....if I have signed up accidentally without entering the verification code. It would be a kind of "unconfirmed" status. How can the user to restart the signed up process again with the the same username? Thank you!

[nakshatrasingh]

Hi, I just found your channel out and I feel blessed, thank you for this great content. I have a request from my side, please make an end to end flutter application using aws amplify. Also, I have a doubt to ask, can we setup the graphql client in firebase? Cheers.

[josuesossou]

How were you able to select Email Addresses or Phone Number for how users should sign in. Apparently, the default is set to username when the CLI is used. Good video by the way.