💬 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 • th-cam.com/video/Dh-cTQJgM-Q/w-d-xo.html 2 • 📱 Email Login & Logout • th-cam.com/video/_3W-JuIVFlg/w-d-xo.html 3 • 📱 Email Sign Up • th-cam.com/video/qlVj-0vpaW0/w-d-xo.html 4 • 📱 Google Sign In • th-cam.com/video/1U8_Mq1QdX4/w-d-xo.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 • th-cam.com/play/PLlvRDpXh1Se5LTJZDrUF9h1_1AT4Raxjd.html also.. CONNECT WITH ME ON TWITTER • twitter.com/createdbykoko I hope this helps you ✌🏾❤
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 🇳🇬.
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.
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!
Hey, is there a future for Flutter app development in 2025 and the coming years? I’m worried that if I complete my Flutter app development course, it won’t be valuable, like when I learned HTML and CSS but moved on because web development was declining due to AI technology!!!
@@I_am_T00FAN honestly i don't know much about the future of flutter but i think you should go on with your flutter development. because you will get job opportunuties or people want you to develop them an app for example
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.
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 !
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.
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.
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
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.
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
question: doesnt using sized boxes a lot makes the UI hard coded for only one screen size? meaning if the app is opened in a smaller device, it will have overflow?
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!
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
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
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
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(
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.
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
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...
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.
hey there! i know that it's kinda old video, but maybe smbd can explain how can I make the edges of a text fields more rounded? the borderRadius is giving me mistake );
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
Hi Mitch ... I'm thinking of adding a Microsoft login for Firebase users ... Would you have or know of a tutorial covering this please? I'm finding myself stuck at a basic place bc the instructions seem to be for Kotlin and Java rather than Flutter.
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.
Hello, I'm a new developer. The question I'm asking is not malicious at all. Don't get me wrong. I'm just curious. Can I write and use this entry in my own application? Will it be a problem after publishing it?
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
In Flutter, widgets are the building blocks of the user interface. They can either be stateful or stateless. A stateless widget is one that doesn't change its state during its lifetime, which means that its properties remain constant. Stateless widgets are immutable and are usually used to represent information that doesn't change frequently, such as icons or labels. On the other hand, a stateful widget is one that can change its state during its lifetime, which means that its properties can be updated. Stateful widgets are used to represent complex user interfaces or elements that require data to be updated, such as forms or list items. Stateful widgets have a State object associated with them that holds the widget's mutable state. Whenever the state of the widget changes, the framework calls the build method of the widget, which allows it to update the user interface with the new data. In summary, the main difference between stateful and stateless widgets in Flutter is that stateful widgets can change their state during runtime, while stateless widgets remain constant.
💬 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 • th-cam.com/video/Dh-cTQJgM-Q/w-d-xo.html
2 • 📱 Email Login & Logout • th-cam.com/video/_3W-JuIVFlg/w-d-xo.html
3 • 📱 Email Sign Up • th-cam.com/video/qlVj-0vpaW0/w-d-xo.html
4 • 📱 Google Sign In • th-cam.com/video/1U8_Mq1QdX4/w-d-xo.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 • th-cam.com/play/PLlvRDpXh1Se5LTJZDrUF9h1_1AT4Raxjd.html
also.. CONNECT WITH ME ON TWITTER • twitter.com/createdbykoko
I hope this helps you ✌🏾❤
beginner hand book is free? I need it. how to do get it? pls help me.
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 🇳🇬.
Hey welcome haha i made these tutorials for people like u. Good luck 👨🏽💻❤️🇳🇬
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...
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.
Welcome ❤️❤️
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!
Hey my pleasure 👨🏽💻❤️ good luck making your first app!! That’s exciting and definitely a big moment!! 🍾🍾
i've never seen such a neat, elegant, simple tutorial thank you man🥳
Hey, is there a future for Flutter app development in 2025 and the coming years? I’m worried that if I complete my Flutter app development course, it won’t be valuable, like when I learned HTML and CSS but moved on because web development was declining due to AI technology!!!
@@I_am_T00FAN honestly i don't know much about the future of flutter but i think you should go on with your flutter development. because you will get job opportunuties or people want you to develop them an app for example
The definition of "coding like a pro". Great tutorial thanks!
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.
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🙏
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 !
Oh you are right i forgot that!!!!! I’ll have to add it in the next video
How to do?
06/2023 - Set resizeToAvoidBottomInset to false in Scafold
@@khawan5534 GOD!
You are to good to follow , explanation =>perfect, content => clear, thank you for this
glad it helps you :)
@@createdbykoko fighting for it too😉
You are just brilliant at explaining things in such a short time! Thank you for your efforts and constantly producing great content!
Aye ur words mean a lot to me ❤️
@@createdbykoko No problem, you are a life saver for us noobs :D
Excellent tutorial, straight forward and concise! Easy to follow for a Flutter beginner though I wish I could type as fast as you can 😉
Your videos are very understandable thanks to your completely clear explanation and canonical and clean code. THANK YOU SO MUCH THIS IS VERY RARE.
Haha my pleasure! Glad it helps you 👨🏽💻❤️
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.
No problem, your words mean a lot to me! Welcome 💜
That was awesome! I am a flutter newbie and now I feel confident after watching your videos. Keep doing it ❤
Congratulations you earned another subscriber .🎉🎉🎉
Nice design and component concepts...looking forward to more videos of this nature
More to come 👨🏽💻❤️
Man your tutorials are very clean, thanks a lot
I'm having fun coding some projects with flutter and mongoDB
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.
"Let's decorate the shit out of this" lol my guy!👌🏾
😅😅😅
THANK YOU SO MUCH FOR THIS VIDEO, IT HELPED ME A LOT
Glad it helped!!!!!! What are you making :P
again and again excellent job from mitch ! Thnx for the tutorials love u brother
my pleasure bro
Your voice is great, I'm building an app and I have the feeling I'm going to be seeing all of your videos
this is one smooth tutorials.. i just adopted the components parts, write clean codes now
Awesome design my friend!
You are talented
Thanks ron appreciate it :D how's flutter going for u so far?
@@createdbykoko Really really good, always learn new things, thanks ☺️
Fantastic tutorial. Love the minimal design
Let's decorate the $#!% out of it 🤣
HAHAHAH oops 😂😂😂😂
@@createdbykoko Happens to all of us 😁
Lmao 🤣
lol he shocked me with that 😂
Awesome vid, keep up the good work.
will do :D
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
Thanks for the great tutorial.
I look forward to Google sign in.
Comin very soon 👨🏽💻❤️
Keep up the good work. Learned a lot from u.
👨🏽💻❤️glad u like it
very clean looking UI
Thanks muhammad! How’s flutter going for u so far?
@@createdbykoko so far so good. Thank you for your flutter tutorials. Keep uploading ;)
Amazing! Thank you very much for this.
Awesome! I`m from brazil and i`m learning a lot with your videos
🇧🇷🇧🇷⚽️i love ur country
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.
Amazing tutorial buddy! Thanks for this!
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.
Haha i’ll try to produce more and more! Especially like the grocery app. Thanks for commenting Ghulam❤
very helpful contents from this channel. Thank you for sharing. learning a lot from you.
glad to help 💜!
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
Great Videos and such an interesting series , These are very helpful . I hope I can use it in for my upcoming project assignments.
question: doesnt using sized boxes a lot makes the UI hard coded for only one screen size? meaning if the app is opened in a smaller device, it will have overflow?
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!
Amazing video man, i appreciate you
💜
Thanks bro. Your tutorial help for learn flutter.
No worries brother! How is flutter going so far? Welcome to the flutter world hahah
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
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
Oh i see , thats good to know. how did you decide on choosing flutter over native languages like swift?
@@JaedanKennaway haha the fact that Flutter is cross-platform is a big plus for me. I want to publish apps for android + iOS :)
I've learned a lot from your video thank you
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
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(
Nice tutorial. When are you dropping the authentication part?
in the coming days
as always, awesome tutorial. also, can't help but notice, do you really type with just one hand? omg 2:33. :D
How to make component files with stateful widget? The variable are always undefine
Cool Sir its nice sir also Make Us Phone Auth and send OTPs in this series
Noted ❤
Keep a good work
Thanks Aulia! 👨🏽💻❤️
Thank You. Please keep sharing.
나는 당신의 모든 디자인을 사랑합니다❤
❤🇰🇷
@@createdbykoko TH-cam 동영상 중 하나를 사용하여 chatgpt를 내 앱에 통합하려고 했지만 지금은 멈췄습니다. 메시지를 보낼 수는 있지만 응답이 없습니다. 도와주실 수 있나요?
🥺🥺
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.
Yeah i noticed that too. But don’t think it’s that big of a deal either way
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
hi, Awesome video, I have a doubt here, what is function ()? ontap; Here what does ? used for after ( )
This will explain th-cam.com/video/HeJN45xIK3o/w-d-xo.htmlsi=O7Gy-V9i6qa574bD
Great tutorial!
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...
I am a big fan of yours, no offence but the screen isn;t responsive, LOVE FROM INDIA❤
Thank you, you are the best.
wonderful, really good
bro are you typing with one hand??!!! 🤯😳
helped a lot!!! thankss
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.
REALLY ELEGANT!!! GREETINGS FROM PERÚ
hey there! i know that it's kinda old video, but maybe smbd can explain how can I make the edges of a text fields more rounded? the borderRadius is giving me mistake );
thanks for the tutorial☺☺
let's decorate the shit out of this 😂😂
hahaha that means you actually watched 👍🏽
Hey how do you make video for showing the phone devices.
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.
no worries!
Thanks for your videos. They are very helpful! Have you ever thought about doing a Flutter Udemy Course? Would buy it right away..
THANKS MAN!!!
can you add this to an existing project? or will it change the entire layout of the existing project?
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
❤nice and brilliant
Hello Mitch, do you have a video on how to implement real Payment with flutter strip?
Not yet but that’s definitely on my list to do
thank you bro regreats from Peru
i would like to see, auth for when user put wrong email, same email as firestore or wrong password
Hi, can you please tell me how you made the phone appear like you do? I'm a total begginer...
Really good
Hey, share your thoughts on OpenAi ChatGpt....Meanwhile I am first...
hahaha chatGPT looks really sick but I haven't played around with it yet.. what are your thoughts on it?
@@createdbykoko then go and try...because I think it is going to wash out junior developer's job in near future....
@@parekhdeepsatishbhai4788 haha i really wonder if it will. Creativity in AI is such an interesting topic
I was making a expense tracker app, and i used your login ui is it copyrighted? its for my freelance portfolio
Hello friend, how do you make the 3D animation of the phone so that it rotates and then the characteristics of your app appear?
Hi Mitch ... I'm thinking of adding a Microsoft login for Firebase users ... Would you have or know of a tutorial covering this please? I'm finding myself stuck at a basic place bc the instructions seem to be for Kotlin and Java rather than Flutter.
I've seen more options under Federated Identity + Social Sign-in ... So I'll try some more now : )
Turns out to be quite simple after all. Now done : )
Can we get flutter web designs too/ responsive designs.
can you make a video on phone authentication with otp plz
Love it
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.
great video but bro how many ads did you put on this
Hi, i know my question off the topic but where r u from?
dube, adding const and removing its a bit confusing when a beginner follow you and don't make you good teacher
sorry i will try to be better for u
@@createdbykoko Thank you
Thank you for greate video))
No problem ! ❤️
Thank alot bro
Always welcome. Good luck with ur app! 💜
Hello, I'm a new developer. The question I'm asking is not malicious at all. Don't get me wrong. I'm just curious. Can I write and use this entry in my own application? Will it be a problem after publishing it?
It is fine my friend. I put these out for free
I want you to code a chat app or shochue from start to up. Will Apstow be it?
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
Mate You Are My Mentor
wassuppp fenil
@@createdbykoko Fan 😏
Thanks a lot
most welcome 💜
I'm new with flutter and just wondering why did you use Stateless Widget instead of Stateful? can you give some pointers? Thanks
In Flutter, widgets are the building blocks of the user interface. They can either be stateful or stateless.
A stateless widget is one that doesn't change its state during its lifetime, which means that its properties remain constant. Stateless widgets are immutable and are usually used to represent information that doesn't change frequently, such as icons or labels.
On the other hand, a stateful widget is one that can change its state during its lifetime, which means that its properties can be updated. Stateful widgets are used to represent complex user interfaces or elements that require data to be updated, such as forms or list items.
Stateful widgets have a State object associated with them that holds the widget's mutable state. Whenever the state of the widget changes, the framework calls the build method of the widget, which allows it to update the user interface with the new data.
In summary, the main difference between stateful and stateless widgets in Flutter is that stateful widgets can change their state during runtime, while stateless widgets remain constant.
Which extension used for colors intensity?