Flutter tutorial | Beautiful login and sign up page UI

In this flutter tutorial, you will learn how to create a beautiful login page and sign up page UI with some animation.
Flutter #Login #Signup
0:00 Intro
0:40 Code Structure
1:41 Header of the page
4:15 Main Container
8:00 Sign-up Text fields
14:30 Submit button
18:22 Social Buttons
21:24 Login Screen
26:18 Animations
Using "if" in a Collection:
/ whats-new-in-dart-2-3
✅ Subscribe for more videos about Flutter:
/ @mjsdcoding
➡️Have you seen my latest video:
• Edit Profile UI - Sett...
🛑Recommended Video Series You Should Check Out!
• Flutter Speed Coding
• Flutter UI
💕My Most Watched Videos:
• Custom Bottom Navigati...
Source Code :
github.com/codeWithSilver/log...
Design by :
dribbble.com/shots/5341927-Lo...

[@MJSDCoding]

You may like this video also: th-cam.com/video/JVpFNfnuOZM/w-d-xo.html

[@arunbm123]

Really amazing tutorial, no vedio has such content

[@lifedigitalsolutions5557]

Please, I followed the tutorial and made mine but I'm having a problem. The content on the login Screen are also showing on the Signup screen. How do I fix this?

[@rizalramadan97]

your video is fun and easy to learn, i new to flutter and find this really helpful.

[@omotoshoridwan6907]

Thank you so much for this great tutorial. I have been watching it over and over again and I am already implementing it. I will be using it in all my designs with just some tweaks

[@briankole7930]

I know I'm kinda off topic but does anybody know of a good website to stream newly released movies online ?

[@elliotttroy7127]

@Brian Kole Try flixzone. Just search on google for it :)

[@fantabarack]

Thank you! One of the best quality video in the topic. Well structured, well explained. Please keep it up! Awesome! Can we request state management video as well like getx?

[@gumdum6764]

Thank you for this! I will be using this in my app. Very well done! 👍👏

[@NavdeepSingh-dp6kd]

@MJSD ,
please run your code in 5 inch screen , you can see bottom UI is overlaping . Can you please suggest me or resolve it for me .

[@devhingu4693]

Great Work!!
I learned lot from this video.
Thank you!!

[@akhiefeilong3650]

Thank you i've learn something that i'am searching for, give my suscribe, keep it up

[@MJSDCoding]

Awesome, thank you!

[@MrVlaky]

I really love this tutorial. Great Job. Thanks very much for take your time to record this video and teaching us how to build this awesome login screen. I just have one question. How I could convert the Stack in SingleChildScrollView?. because in some screen the Social network button doesn't fill in the screen

[@hridoysyed]

Great explaination! Thank you 💞

[@MJSDCoding]

Glad you liked it!!

[@flutterx6581]

Nice work Man!!

[@MJSDCoding]

Thanks!

[@davidhadwin3566]

Baeutiful UI and very well presented.
However, there is one very big problem. The soft keyboard covers the password textfield, making it unusable.
Does anybody know how to fix this?

[@IamEffiom]

OMG
This is one of the best

[@muhammadjavedrafique4592]

thank you soooooooooo muchhhhhhhhhhhhh

[@rubenavila9456]

Excelente video gracias

[@noobcreations9556]

hello im new to flutter...i got struck at 6:55 how did you got the entire function of onetap with a single click,,and while im writing the setState function its showing like there is no declarion of this function error..please help me with this..im doing this in android studio

[@josephnasr3385]

How did you make the indentation look like that? What extension did you use? The straight lines are very confusing

[@MuhammadUmair001]

very nice, what a beauty you code, awesome :)

[@khadarbashashaikh2528]

THANK YOU

[@AmirKhan-dc5te]

Please make a video on synfusion column chart.

[@fayetan1959]

The icons from MaterialCommunityIcons on my code is not showing in the device emulator but the code itself doesn't have any errors. Please help...

[@fayetan1959]

I found a solution... I added
'// ignore: import_of_legacy_library_into_null_safe'
on the import section without single quotation. Hope this helps others.

[@japsimransingh9933]

It's just awesome

[@dhrumilshah2236]

How to add ontap property in arrow icon

[@vmkantu]

Cant believe the text remained "SINGUP" throughout the course and went unnoticed !

[@George-tv5bo]

curious if you found an answer

[@robertjeong4958]

Thank you..

[@sourabhsoni2235]

Nice video 💞💞💞

[@harishreddy8247]

Very nice it's good

[@gemmagomez6616]

You are great

[@samyuktarajbhandari2582]

how to do it in backend ?

[@scebab6952]

how did you do this effect in the intro

[@kamalesh4833]

Super

[@madesetiawan]

Awesome👍

[@MJSDCoding]

Thanks 🤗

[@georgesilker8698]

@MJSD Coding can you please assist me i am having problems somewhere

[@iznasen]

Wow!

[@benkigera]

How are you so good? Show me your ways!

[@dondragon2]

I notice that you are using fixed positions, how will this work on various device sizes?

[@mehdichibani9340]

no it won't work perfectly, but you still can make it so ;)

[@therock7014]

Hi good day !
if is it okay with you ma'am, I would like to copy this beautiful design please😊🙏

[@MJSDCoding]

unfortunately the design is not from me. I found it on dribbble. You can find the link of the original design in the description of the video.

[@KrishnaPatel-sv8xl]

Can u help to do authentication for the same.??

[@just4laughs140]

Did you ever get thst to work with authentication

[@harishreddy8247]

Do videos on Android native to flutter move on

[@treadingview352]

Plz mam slow down your typing speed

[@harishreddy8247]

I am native Android developer I want to learn flutter

[@treadingview352]

It's to fast

[@sandrojosemartins3962]

bom dia vc tem um email para contato, por gentileza!