🔒📱 Modern Login UI • Flutter Auth Tutorial ♡

Подписаться 124 тыс.

Просмотров 243 тыс.

50% 1

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽‍💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
In this series, we are going to implement AUTHENTICATION to our Flutter apps! This video will cover the UI for the login screen, then we will use this in the following videos to add email authentication, google and apple sign in.
FLUTTER AUTH PLAYLIST:
1 • 📱 Modern Login UI • • 🔒📱 Modern Login UI • F...
2 • 📱 Email Login & Logout • • 🔒📱 Email Login & Logou...
3 • 📱 Email Sign Up • • 🔒📱 Email Sign Up • Flu...
4 • 📱 Google Sign In • coming soon..
5 • 📱 Apple Sign In • coming soon..
SOURCE CODE • github.com/mitchkoko/ModernLo...
~ ;
🎧 Flutter Pod • / @flutterpod
💰 IF YOU ARE NEW TO FLUTTER.. you need to watch my Flutter UI Course for BEGINNERS mitchkoko.gumroad.com/l/Begin...
💬 JOIN DISCORD SERVER • / discord
~ ;
📱 INSTAGRAM • / createdbykoko
📱 TWITTER • / createdbykoko
📱 TIKTOK • / createdbykoko
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
flutter ios android to do todo app ui uidesign hive backend complete app widgets habit tracker created from scratch modern dope smart home app ui user interface uix ux tutorial flutter tutorial ui step by step from scratch grocery provider app shop ecommerce mobile app modern minimal login auth authentication
#flutter #createdbykoko

Наука

Опубликовано:

10 дек 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 217

@createdbykoko Год назад

💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass 📱 Flutter Masterclass • mitchkoko.app/ 🔥 I'm coding a startup.. www.patreon.com/mitchkoko FLUTTER AUTH PLAYLIST: 1 • 📱 Modern Login UI • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Dh-cTQJgM-Q.html 2 • 📱 Email Login & Logout • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_3W-JuIVFlg.html 3 • 📱 Email Sign Up • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qlVj-0vpaW0.html 4 • 📱 Google Sign In • ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-1U8_Mq1QdX4.html Here's the SOURCE CODE for this UI • github.com/mitchkoko/ModernLoginUI/ Everything in Flutter is a widget so if you need more understanding on individual widgets, check out my.. WIDGET OF THE DAY PLAYLIST • ru-vid.com/group/PLlvRDpXh1Se5LTJZDrUF9h1_1AT4Raxjd also.. CONNECT WITH ME ON TWITTER • twitter.com/createdbykoko I hope this helps you ✌🏾❤

@zwezaw3990 Год назад

beginner hand book is free? I need it. how to do get it? pls help me.

@M.W__ 6 дней назад

i've never seen such a neat, elegant, simple tutorial thank you man🥳

@sylentifytv Год назад

I just started making my first mobile app for my application and everytime I youtube a tutorial for an aspect of the app your always there, I thank you for these clean and simple videos!

@createdbykoko Год назад

Hey my pleasure 👨🏽‍💻❤️ good luck making your first app!! That’s exciting and definitely a big moment!! 🍾🍾

@underlord3761 Год назад

Nice, I stumbled upon your channel as a newbie 2 months ago and now I can code along with you with ease thanks to your engaging teaching style. Don't ever stop bro, you're really helping. Love from 🇳🇬.

@createdbykoko Год назад

Hey welcome haha i made these tutorials for people like u. Good luck 👨🏽‍💻❤️🇳🇬

@gaurabroy4371 Год назад

I started my flutter development journey watching his video. And now I'm working in a firm as a flutter developer ✌️ guess you're on the way buddy...

@sovady 11 месяцев назад

The definition of "coding like a pro". Great tutorial thanks!

@catsofia8072 Год назад

You are just brilliant at explaining things in such a short time! Thank you for your efforts and constantly producing great content!

@createdbykoko Год назад

Aye ur words mean a lot to me ❤️

@catsofia8072 Год назад

@@createdbykoko No problem, you are a life saver for us noobs :D

@judejeevanmahendran Год назад

That was awesome! I am a flutter newbie and now I feel confident after watching your videos. Keep doing it ❤

@judejeevanmahendran Год назад

Congratulations you earned another subscriber .🎉🎉🎉

@IccyAnime 3 месяца назад

Man your tutorials are very clean, thanks a lot I'm having fun coding some projects with flutter and mongoDB

@metehanmete1210 Год назад

again and again excellent job from mitch ! Thnx for the tutorials love u brother

@createdbykoko Год назад

my pleasure bro

@nvl2254 4 месяца назад

Fantastic tutorial. Love the minimal design

@user-ie4vm1ch9z Год назад

I'm a beginner in flutter code and in coding too. I'm searching for a good flutter tutor at last I have discovered the best one. Thanks for your videos. it is super understandable even a very beginner like me. Thanks a lot.

@createdbykoko Год назад

Welcome ❤️❤️

@yusra5100 Год назад

Your videos are very understandable thanks to your completely clear explanation and canonical and clean code. THANK YOU SO MUCH THIS IS VERY RARE.

@createdbykoko Год назад

Haha my pleasure! Glad it helps you 👨🏽‍💻❤️

@sslaia Год назад

Hi, I like your tutorial, especially because you explain the reason why you code something that way. For a beginner like me, this background explanation is very important to understand the code. And I also like your calming voice. It helps to concentrate and to relax (makes coding fun). Thank you very much.

@createdbykoko Год назад

No problem, your words mean a lot to me! Welcome 💜

@kirankumar-li8dq 11 месяцев назад

Great Videos and such an interesting series , These are very helpful . I hope I can use it in for my upcoming project assignments.

@viniciusalmeida741 8 месяцев назад

Amazing tutorial buddy! Thanks for this!

@sumirandahal76 Год назад

To prevent pixel overflow you forgot to wrap the login UI Center with SingleChildScrollView widget, so I did. Thanks for this neat tutorial, and please continue this series. Peace Out !

@createdbykoko Год назад

Oh you are right i forgot that!!!!! I’ll have to add it in the next video

@nivinpauli1432 Год назад

How to do?

@khawan5534 Год назад

06/2023 - Set resizeToAvoidBottomInset to false in Scafold

@FelipeCeglio 11 месяцев назад

@@khawan5534 GOD!

@ugochukwuanajemba3117 Год назад

Nice design and component concepts...looking forward to more videos of this nature

@createdbykoko Год назад

More to come 👨🏽‍💻❤️

@johnklahn7720 10 месяцев назад

thank you sooo much Mitch! this small example helps me very much in kicking off my project for my company website! cheers! can't wait to view the other vids. thanks for the git files too!!! so helpful my friend!.. johnny

@santangelx1573 Год назад

Your voice is great, I'm building an app and I have the feeling I'm going to be seeing all of your videos

@mariolimaju 9 месяцев назад

Amazing! Thank you very much for this.

@RojaySuccessful Год назад

"Let's decorate the shit out of this" lol my guy!👌🏾

@createdbykoko Год назад

😅😅😅

@UnityOfPlurality Месяц назад

Excellent tutorial, straight forward and concise! Easy to follow for a Flutter beginner though I wish I could type as fast as you can 😉

@iruafeimi Год назад

this is one smooth tutorials.. i just adopted the components parts, write clean codes now

@noglory7957 Год назад

Keep up the good work. Learned a lot from u.

@createdbykoko Год назад

👨🏽‍💻❤️glad u like it

@lindaningubane2745 Год назад

I started mobile and web development ayear ago with your tutorials. Today im a semi pro with flutter bloc and i go back to perfect my UI with your tutorials. Data is expensive in South Africa but i would love to share my knowledge one day when i get paid for my work.

@creativelinkagency 9 месяцев назад

I am from Lesotho bro and a Junior developer strugling with a final year project, I think your knowledge will benefit a lot of people🙏

@franciscogabriel1771 Год назад

Awesome! I`m from brazil and i`m learning a lot with your videos

@createdbykoko Год назад

🇧🇷🇧🇷⚽️i love ur country

@fadhilivunza Год назад

Awesome vid, keep up the good work.

@createdbykoko Год назад

will do :D

@amirmaalaoui3178 9 месяцев назад

I've learned a lot from your video thank you

@ron_barzilay Год назад

Awesome design my friend! You are talented

@createdbykoko Год назад

Thanks ron appreciate it :D how's flutter going for u so far?

@ron_barzilay Год назад

@@createdbykoko Really really good, always learn new things, thanks ☺️

@itsahmed-dev Год назад

Let's decorate the $#!% out of it 🤣

@createdbykoko Год назад

HAHAHAH oops 😂😂😂😂

@itsahmed-dev Год назад

@@createdbykoko Happens to all of us 😁

@siddiqueca7971 Год назад

Lmao 🤣

@barbar3653 5 месяцев назад

lol he shocked me with that 😂

@matheusmelo4862 Год назад

Great tutorial!

@parampatel8853 9 месяцев назад

helped a lot!!! thankss

@user-gu5ts5nx8r Год назад

very helpful contents from this channel. Thank you for sharing. learning a lot from you.

@createdbykoko Год назад

glad to help 💜!

@qwertycoding Год назад

Amazing video man, i appreciate you

@createdbykoko Год назад

💜

@nekomanga8018 Год назад

Thanks for the great tutorial. I look forward to Google sign in.

@createdbykoko Год назад

Comin very soon 👨🏽‍💻❤️

@elizasalcedo6782 8 месяцев назад

thanks for the tutorial☺☺

@madesetiawan Год назад

Thanks bro. Your tutorial help for learn flutter.

@createdbykoko Год назад

No worries brother! How is flutter going so far? Welcome to the flutter world hahah

@philipkhoy7825 Год назад

Thank You. Please keep sharing.

@mubiitoedward4871 Год назад

Thank you, you are the best.

@tusharamber1993 Год назад

wonderful, really good

@strix8956 4 месяца назад

THANKS MAN!!!

@arunbm123 10 месяцев назад

❤nice and brilliant

@efs1223 6 месяцев назад

Outstanding content bro! I just wanna ask since I'm a beginner in literally everything that I've watched, I just wanna know how do you project or output the changes realtime with a phone like what you just did there? Thanks in advance!

@jrvero2387 9 месяцев назад

thank you bro regreats from Peru

@rrichforever Год назад

Brow... Im excited about this, really... Can we slow down a bit cos I'd want to soak it all in... You're the best.

@noelgomile3675 4 месяца назад

Tip: You can write widgets without immediately specifying them as const and then when you're done press Ctrl + . and click on the suggestion to add const everywhere in the file. Where appropriate of course.

@muhammadfaraz3697 Год назад

very clean looking UI

@createdbykoko Год назад

Thanks muhammad! How’s flutter going for u so far?

@muhammadfaraz3697 Год назад

@@createdbykoko so far so good. Thank you for your flutter tutorials. Keep uploading ;)

@guybrushthreepwood6584 Год назад

Danke!

@edilsonroque6691 6 месяцев назад

Really good

@patiencendiritu6900 5 месяцев назад

How do I fix the "Error: Unable to find git in your PATH." error while trying to run my program. I have tried configuring the program path on my launch.json file but to no avail. Do help

@melomanoymelifluo7794 8 месяцев назад

REALLY ELEGANT!!! GREETINGS FROM PERÚ

@auliasabril1899 Год назад

Keep a good work

@createdbykoko Год назад

Thanks Aulia! 👨🏽‍💻❤️

@ap2402 11 месяцев назад

When would you use rows for the textfields instead of using sized boxes? Is there an advantage to place each textfield in a separate row?

Год назад

awesome, thank you.

@createdbykoko Год назад

no worries!

@PAKGOV Год назад

Love it

@mmathems395 Год назад

Hi Mitch, thank you for this tutorial you have produced, I am going through it now ... Something that has struck me is that Flutter hasn't asked you to wrap the Scaffold due to a No MediaQuery widget ancestor ... Could you understand why? ... If I don't wrap with a MaterialApp the compile procedure fails.

@ShahrizanRajak Год назад

Thank alot bro

@createdbykoko Год назад

Always welcome. Good luck with ur app! 💜

@dhalle Год назад

Cool Sir its nice sir also Make Us Phone Auth and send OTPs in this series

@createdbykoko Год назад

Noted ❤

@doctor_no_ 8 дней назад

Thank you! This is the first tutorial in which I actually understand as I follow along! I run into a slight problem though. I use an android emulator. The screen looks fine but if I press into the input boxes, a large keyboard shows up in the emulator and it then says that there are overflowing pixels

@doctor_no_ 8 дней назад

I solved it by wrapping the column with SingleChildScrollView in the Login page and also use the option resizeToAvoidBottomInset: false in the Scafold. here is the code: Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomInset: false, backgroundColor: Colors.grey[300], body: SafeArea( child: Center( child: SingleChildScrollView(

@huevosyitz Год назад

as always, awesome tutorial. also, can't help but notice, do you really type with just one hand? omg 2:33. :D

@sevakbagh Год назад

Thank you for greate video))

@createdbykoko Год назад

No problem ! ❤️

@priyanshupatra2100 Год назад

I am a big fan of yours, no offence but the screen isn;t responsive, LOVE FROM INDIA❤

@ahnafsayor9321 9 месяцев назад

what is the app or software you are using that is showing the iphone screen at the left?? can you mention that please and please tell if there is any such software for androids

@user-wv7qf3zq2k 5 месяцев назад

Hi Mitch.. very nice. I am new to futter and dart and i am trying to follow and copy what you do. Somehow I have this error on the main page at row 15 The argument type 'LoginPage' can't be assigned to the parameter type 'Widget?'. What did I not do, what I should have done? thx

@ghulammurtaza7959 Год назад

Hi, your videos are always great, but I have noticed your videos are coming slowly. Before you provided a grocery app store video that was awesome please create more videos like that in provider.

@createdbykoko Год назад

Haha i’ll try to produce more and more! Especially like the grocery app. Thanks for commenting Ghulam❤

@peteribrahim1 Год назад

Nice tutorial. When are you dropping the authentication part?

@createdbykoko Год назад

in the coming days

@luyuanqiang Год назад

Hey how do you make video for showing the phone devices.

@shazeemalichishty7322 Год назад

Thanks a lot

@createdbykoko Год назад

most welcome 💜

@masterharith8488 Год назад

i would like to see, auth for when user put wrong email, same email as firestore or wrong password

@terrigualbertokuchay691 9 месяцев назад

Hello friend, how do you make the 3D animation of the phone so that it rotates and then the characteristics of your app appear?

@lesptitsoiseaux 10 месяцев назад

Could you make a tutorial on how to extensively use sizer (the package) to really design responsively? Maybe this is a bad suggestion. I just don't know how to design for various phone sizes...

@john7Doe9 Год назад

Thanks for your videos. They are very helpful! Have you ever thought about doing a Flutter Udemy Course? Would buy it right away..

@vishwa_tennyson Год назад

Good video

@yeonjin8 5 месяцев назад

나는 당신의 모든 디자인을 사랑합니다❤

@createdbykoko 5 месяцев назад

❤🇰🇷

@yeonjin8 5 месяцев назад

@@createdbykoko RU-vid 동영상 중 하나를 사용하여 chatgpt를 내 앱에 통합하려고 했지만 지금은 멈췄습니다. 메시지를 보낼 수는 있지만 응답이 없습니다. 도와주실 수 있나요? 🥺🥺

@rebekahwells4307 3 месяца назад

can you add this to an existing project? or will it change the entire layout of the existing project?

@allyshengena8208 Год назад

Hello bro, sorry am kinda new to this can you help me know how to add the phone simulator like the way you have done

@shankssavage9950 Год назад

can you make a video on phone authentication with otp plz

@laurentiustavarache7384 Год назад

hello, nice tutorial, again and again! I don t understood (I am beginner) how you did empty fields (email,password..) to be empty when you return to loginPage. maybe you can help me with a word.. Thank you.

@nikolas1549 8 месяцев назад

Hi, can you please tell me how you made the phone appear like you do? I'm a total begginer...

@saqlain_ch 16 дней назад

It was causing issue of when we try to type in android because keyboard comes up and this is not slidable so i used the listview instead of Columns and it fixed the problem

@bleatze 3 месяца назад

How to make component files with stateful widget? The variable are always undefine

@JaedanKennaway Год назад

did you study at a university to learn programming or are you self-tought? I'm currentky in the early stages of my learning and i cant decide whether i want to go through a university or self teach. also great tutorials, by far the best i have seen

@createdbykoko Год назад

I did do a bit of computer science at uni BUT i would say basically everything for me is self taught. I think youtube/internet has better value than a university. The only good thing about University is the social aspect of it

@JaedanKennaway Год назад

Oh i see , thats good to know. how did you decide on choosing flutter over native languages like swift?

@createdbykoko Год назад

@@JaedanKennaway haha the fact that Flutter is cross-platform is a big plus for me. I want to publish apps for android + iOS :)

@GodopeTZA Год назад

Can we get flutter web designs too/ responsive designs.

@JameNG9 Год назад

I want you to code a chat app or shochue from start to up. Will Apstow be it?

@malluvocalist1416 Год назад

can you make a tutorial to build a simple chat app with back end

@Soulandbone Год назад

one small comment, Ive seen in various places that is better to have the assets folder in the root folder of the app, meaning not inside the lib folder, but one level up.

@createdbykoko Год назад

Yeah i noticed that too. But don’t think it’s that big of a deal either way