Part-13 - How to implement Login & Sign Up with REST API with NULL Safety in Flutter

No video

Part-13 - How to implement Login & Sign Up with REST API with NULL Safety in Flutter

Рет қаралды 101,768

Күн бұрын

WhatsApp Channel: whatsapp.com/c...
instagram: / thetechbrotherss
Join fb group: lnkd.in/dAWaFWtp
In this video we will discuss what what are POST APIS, how do POST API work. How we can implement Login & Sign Up with REST API in flutter with null safety.
► Source code ➜ github.com/axi...
► Website Link ➜ reqres.in
► Login Api ➜ reqres.in/api/...
► Sign Up Api ➜ reqres.in/api/...
► Join My Facebook Group ➜ / 983554978866765
_____________/Connect On Social Media\____________
► linkedin:➜ / axiftaj
► Instagram:➜ / axif_taj
► Facebook:➜ / aaxiftaj
► Twitter:➜ / axiftaj
► GitHub:➜ github.com/axi...
► Hire me on Fiver:➜ www.fiverr.com...
=========================================
► Flutter Blog App Playlist: • Flutter Blog App with ...
► How to capture image from camera in flutter:
► Link : • How to capture Image f...
► My Card App Flutter :
► User Circular Avatar Part 1 : • My Card App || Flutter...
► Use fonts in flutter Part 2 : • My Card App || Flutter...
► Final Part 3 : • My Card App || Flutter...
►Covid-19 Tracker App using Rest API's :
• Create Coronavirus (CO...
►Firebase Blog App Android Java:
• Firebase Blog App - Ho...
►C++ Tutorials :
• C++ Programming Tutori... .
rest apis, flutter rest api tutorials crash course, how to implement login and sign with with rest apis with null safety
For business queries : axiftaj@gmail.com
Thank you for watching my channel do give feedback about this video.
#flutter #fluttertutorial #form #components #flutter #login #signup #postapi #nullsagety #asiftajtech

Пікірлер: 215

@thetechbrotherss 2 жыл бұрын

source code: github.com/axiftaj/Flutter-Rest-Api-Tutorials-With-Example do give a start if it helped.

@ghizlanerouinab9867 2 жыл бұрын

how i can implement Login & Sign Up with oroo_rpc, plz help me

@mudasirkhan8058 Жыл бұрын

Asif bhai main ny aap he ka Video follow kia hai phir apka code b utha lia or api url change kr dia phir b loading kr raha tha else part chal raha pata nahi kia issue hai

@thetechbrotherss Жыл бұрын

@@mudasirkhan8058 sir ap ny koi mistake ki hogi api ko postman ma check kro pehle

@Sindhi555 Жыл бұрын

Sir plz package name jo bti jo apna install kya ha is video ma

@ShayanKhanSUOOOO 11 күн бұрын

package name nahi mil rah can you share it plezzzzzz 🙏🙏🙏🙏🙏🙏🙏🙏🥺🥺🥺🥺🥺🥺

@iShahzainAhmed Жыл бұрын

Wonderfully explained!! Much easier than GET APIs, thank you sir!

@thetechbrotherss Жыл бұрын

Thank you do subscribe and share with your friends

@adnanahmed6254 8 ай бұрын

you're method are very easy bro i am from india but i follow you're all tutorial and i like it you're teaching style

@thetechbrotherss 8 ай бұрын

thank you, do share with your friends

@crossgradetech1253 Жыл бұрын

I got it easily,extraordinary explaination

@thetechbrotherss Жыл бұрын

Thank you

@rakeshgiri6750 2 жыл бұрын

You are doing great sir easy explaination and easily understandable 🙏🏿🙏🏿❤❤❤

@thetechbrotherss 2 жыл бұрын

Thank you, do subscribe and share with your friends

@tharoseth8064 2 жыл бұрын

Brother can you explain in English?? Because im from Cambodia.Im not understand your meaning sir. But your tutorial is the best.

@thetechbrotherss 2 жыл бұрын

You can used auto generated subtitle for now. I'll try to make content in english.

@tapForSkyyy Жыл бұрын

@@thetechbrotherss Please don't make content in English. Hindi/Urdu is way better.

@azeemrehman5284 2 жыл бұрын

Thank you Awesome Explanation Api .

@thetechbrotherss 2 жыл бұрын

Thank you watching do share with your friends and subscribe.

@rubashussain1194 8 ай бұрын

Bro the api you used here is throwing error in postman, although it is working correctly when tested... JazakAllah

@thetechbrotherss 8 ай бұрын

always try to check api in postman, if it's working it means you are doing something wrong on app side

@ironmans234 Жыл бұрын

Thank you Sir ❤

@thetechbrotherss Жыл бұрын

Most welcome

@flutterdev5038 2 жыл бұрын

Easy and clear approach appreciated Sir😍

@thetechbrotherss 2 жыл бұрын

Thank you

@surajjadhav7116 2 жыл бұрын

Thanks for sharing 👍very good explanation

@thetechbrotherss 2 жыл бұрын

Thank you for watching do share with your friends.

@The_Suraj_Khot 4 ай бұрын

Bro you deserve more...

@thetechbrotherss 4 ай бұрын

Thank you, do share

@rv9570 2 жыл бұрын

Great teaching. Please if possible can you make a video series or a single video on how to make our own rest api. Thanks in advance.

@thetechbrotherss 2 жыл бұрын

Creating api used differ technologies

@premiumshorts5941 2 жыл бұрын

nice tutorial sir i understood ......please do use dio package make tutorial on dio bloc packages sir plzz app bahuth achey explain kartey hae btw thank you

@thetechbrotherss 2 жыл бұрын

Thank you so much. Future ma hm state management use karin gy and dio bhi.

@MuhammadAli-eu9iu 2 жыл бұрын

Amazing and conceptual tutorials now my ideas are clear. Thankyou❤

@thetechbrotherss 2 жыл бұрын

Glad it helped, do like the video and share with your friends.

@devEveryWhere2542 11 ай бұрын

love you thank you

@thetechbrotherss 11 ай бұрын

thank you

@ssagaming4545 2 жыл бұрын

sir you are very good

@thetechbrotherss 2 жыл бұрын

Thank you

@ssagaming4545 2 жыл бұрын

Sir you make video from mongodb

@muhammadmuneeb8697 2 жыл бұрын

Assalam-o-Alaikum Sir. Very Informatic video. Sir why we need the (moda_progress_hud_nsn) dependency ?

@thetechbrotherss 2 жыл бұрын

To show progress circular indicator and dismiss it after certain action is performed.

@muhammadmuneeb8697 2 жыл бұрын

@@thetechbrotherss okay sir. Thanks.

@pavithras9716 6 ай бұрын

Thank you so much for this video

@thetechbrotherss 6 ай бұрын

You are so welcome!

@irfanhussain7040 2 жыл бұрын

Well explained Thank u......

@thetechbrotherss 2 жыл бұрын

Thank you do like the video and subscribe

@zareenharoon4287 2 жыл бұрын

Good job.. I tried it but i am geting some issue in it regarding to the login and pwd.as i am using raw in body and i cannot get the right data from the api cn you guide me

@thetechbrotherss 2 жыл бұрын

make map and then encode it then pass it to body.

@jamin4352 2 жыл бұрын

did it Work ? please provide me your code

@mianadeelofficial8056 Жыл бұрын

Hello sir. Sir when i run the application after this code it shows me an error saying... D/inputconnectionAdopter (4389): the input method toggled cursor monitoring on I/flutter (4396) failed

@thetechbrotherss Жыл бұрын

nore sure about this brother please try again and restart the app

@MuhammadFaizan-xq2sh 2 жыл бұрын

Nice Explanation 👍

@thetechbrotherss 2 жыл бұрын

Thank you so much please do subscribe and share within your friends circle so maximum people can take advantage.

@harshaldesai5393 2 жыл бұрын

Awesome tutorial!

@thetechbrotherss 2 жыл бұрын

Thank you do subscribe and share with your friends.

@AbhishekKumar-ue8uk 8 ай бұрын

wawwo brother

@thetechbrotherss 8 ай бұрын

Thanks

@abhinandanraj5660 9 ай бұрын

Great Video sir.

@thetechbrotherss 9 ай бұрын

Glad you liked it!

@rizwanshah6657 2 жыл бұрын

Amazing concepts yee to humare pass dummy API ti or agar humare pass real project ho to wo API humae given hoti ha hum osi ko target kerange for sign up ?? or yahan jo in return token aaraha ta wo kiss lie use hota ha ??

@thetechbrotherss 2 жыл бұрын

wo bhi aise he kam krti ha make sure you learn the process and concepts, agr apky concept clear ha to job is done/

@rizwanshah6657 2 жыл бұрын

acha Sahi or what about the token ?? That we get in the response body in both the cases in sign up and log in

@user-mv2jp7rg4y 7 ай бұрын

Nice

@thetechbrotherss 7 ай бұрын

Thanks

@sumitkumar-jn8he 2 жыл бұрын

Well explained sir ... Waiting for next tut sir. Kya isme password galat hai kar ke koi exception show kar wa sakte hai ... You said that the api website does not check for password just for email. Time 12:33 stamp of this video.

@thetechbrotherss 2 жыл бұрын

Actually ap ka password ya email ghlt ho to yeah backend developer manage krta ha. For example ap ny password ghlt enter kia they you will get in response your password is incorrect and same for email. Ap request send krty ha ap k pass response atta ha jaise mainy token response sy fetch kr k ap ko dekhaya tha waise ha ap ny phr end user ko message prinnt krwa k show krna ha. Yeah exceptions backend developer manage krta ha.

@saadebad4123 2 жыл бұрын

sir please authenticated post request k lye bhi video bna dyn

@thetechbrotherss 2 жыл бұрын

Please provide ma API i will make the video.

@abdullahbutt99 Жыл бұрын

Sir ap na forget password and update user profiles wali functionalities add naii ki kya ??

@thetechbrotherss Жыл бұрын

bhai wo ap khud kr lain wo simple apis ha, post ya get ki tarhan agr ap k concepts clear ha to apis to same ha ap khud kr lain

@smuhammadtayabain507 Жыл бұрын

asif bhai post successfully mai email or password same ap ki video ki trha hai laken jb post man mai send krty hai to vo koi or data show krty hai ap nay jo api ka link deya hai ap check kr skty hai

@thetechbrotherss Жыл бұрын

Check latest documentation and follow the lates process

@MrAwaisChand Жыл бұрын

sir everything is perfectly fine till signup, but when i edit the login in place of register in postman then when i sending the request then still throwing me the token with id??

@MrAwaisChand Жыл бұрын

token with id in pstman

@thetechbrotherss Жыл бұрын

This is correct brother check this website documentation

@CodeWithMaya07 2 жыл бұрын

great content very useful as a begineer....upload in english as well.

@thetechbrotherss 2 жыл бұрын

@vekariyaakshay9724 Жыл бұрын

superb sir

@thetechbrotherss Жыл бұрын

Thank you, share with your friends

@Abdullah-soft 2 жыл бұрын

thanks you

@thetechbrotherss 2 жыл бұрын

Welcome 👍 Please do share with your friends.

@prabinbhattarai2058 Ай бұрын

Why body parameters are not encoded during writing code as json.encode()?

@thetechbrotherss Ай бұрын

it depends how api are created

@rana_adnan218 Жыл бұрын

Bro ham app ko responsive kis trah bna sakty ha or text ka size kitna rakha or padding and margin kiya day. In sab pay ak full detail video bna dat.

@thetechbrotherss Жыл бұрын

please check my live session the flutter way

@deltavariant7403 2 жыл бұрын

thank you bro

@thetechbrotherss 2 жыл бұрын

Welcome, do like and subscribe.

@deltavariant7403 2 жыл бұрын

@@thetechbrotherss and bell icon too bro

@thetechbrotherss 2 жыл бұрын

hhahahha

@NamarOfficial Жыл бұрын

once again Dera Manana Sir

@thetechbrotherss Жыл бұрын

Share with your friends

@akhileshgoswami9497 2 жыл бұрын

Nice explanation

@thetechbrotherss 2 жыл бұрын

Thank you

@mehmetoruc1673 21 күн бұрын

Why are you giving us status code 200 for the login API, even though I tried logging in with different password.Shouldn't it give an error?

@thetechbrotherss 19 күн бұрын

These api are open source, you can read the docs and add more check. I taught concepts here to make you understand how process works

@mazharTechhub 2 жыл бұрын

Aap ne konsa package Install kiya Wo samaj nahi kya hai wo modal_ncn

@thetechbrotherss 2 жыл бұрын

is point par to i think mainy koi pacakge install ni kia

@himanshutitoria7566 Жыл бұрын

thanks..

@thetechbrotherss Жыл бұрын

@alfiamujawar698 Жыл бұрын

Sir can u please tell me how can we connect this with amazon cognito in aws

@thetechbrotherss Жыл бұрын

Use aws amplify

@anshuvishwakarma6020 Жыл бұрын

Sir agar hame autocompletetextview me bulk amount of data load kren.

@thetechbrotherss Жыл бұрын

i'll make a tutorial about that

@HelloWorld-tx4qn Жыл бұрын

as the user clicks on signup does it mean to a user should always use the email and password that was provided, infect users can use it as per their own choice?

@thetechbrotherss Жыл бұрын

yes becuase we are using open source dumy apis

@HelloWorld-tx4qn Жыл бұрын

@@thetechbrotherss then how can the user enter his email and password that should be stored on the server?

@rold7256 Жыл бұрын

suppose i am manager and from api response let assume i got 10 data length of my employee (about leave request )and it depend upon me weather i want to approve or delete if i want to approve 5th employee data in textform filled how i use controller so it could delete that specific data of 5th employee not affect the other but in my case it delete the top of the container data if i edit text on 5th container plz reply

@thetechbrotherss Жыл бұрын

I didn't get it

@kalpenvaghela9491 2 жыл бұрын

I saw many examples on yt but yours is simplest one, how can I add progressbar while calling api ?

@thetechbrotherss 2 жыл бұрын

Check my provider state management course i have teach this in part 9

@kalpenvaghela9491 2 жыл бұрын

@@thetechbrotherss Yeah, Perfect sir, that is what I wanted. aapka explain karneka tarika bahot badhiya hai.

@kalpenvaghela9491 2 жыл бұрын

@@thetechbrotherss My Name is Kalpen Vaghela , I have sent connection request on linked in , please accept it :)

@muhammadirfan8042 Жыл бұрын

sir api yeh wala nahi araha jo website mai ap nai di hai?

@thetechbrotherss Жыл бұрын

Ap process follow kro bro

@tapForSkyyy Жыл бұрын

I having issues with the API token, in Postman with the mail and password. When I hit send I'm getting the whole JSON value instead of the id and token. Can you tell me how can i resolve that?

@thetechbrotherss Жыл бұрын

please check documentation

@tapForSkyyy Жыл бұрын

@@thetechbrotherss I resolved it, And Can you please make a video on converting JSON to model with the help of 3rd party app?

@worldtoday6876 Жыл бұрын

Sir please ye btain k Kya response me user ka email or password and other data ni ata Jo hum locally save karwaty Hain and then wo login time p bhi receive hota hai

@thetechbrotherss Жыл бұрын

ap jb login krty ho wo developer return krta ha response ma, ap developer ko kahin wo return kr dy ga save karin r mazy karin phr

@shakeelsj6961 2 жыл бұрын

Shared Preference3 ke sath bhi bana de na sir kaafi issue aa rhe local storage per save karwane per

@thetechbrotherss 2 жыл бұрын

SQL db k k tutorials already available ha please watch todo app with sql.

@Nucks17 Жыл бұрын

bro what are u doing when we signup user we give cutome id na, and when we login we give those same credential but here you are giving same thing which are predefined in api .... i cant get this in get api we can use it to show data from api in our app , but in post method how we use in real app work??? one demo with use of it....

@thetechbrotherss Жыл бұрын

Ask backend developer to return you response

@avinashmagar642 Жыл бұрын

Pls make video on how to make filter using api data

@thetechbrotherss Жыл бұрын

@KaskoO83 Жыл бұрын

How to show a snackbar if login failed please ? Thanks 🙏

@thetechbrotherss Жыл бұрын

Check response and show response accordingly

@kzshaown2091 Жыл бұрын

I'm getting the verification code using API. But matching the verification code. Every time I post verification code it's going to else function (Failed). IDK What's going wrong

@thetechbrotherss Жыл бұрын

Debug the code

@rana_adnan218 Жыл бұрын

Bro Respose function built-in ha. If that is how this work

@thetechbrotherss Жыл бұрын

yes backend developer bnata ha response

@crossgradetech1253 Жыл бұрын

If I learn this method , can I implement any api's in this method? please tell us bro?

@thetechbrotherss Жыл бұрын

I have implemented this you can do it same way

@crossgradetech1253 Жыл бұрын

@@thetechbrotherss Thanks brow

@ChainCrafts99 10 ай бұрын

We can use this by Firebase then why we use api over Firebase...?

@thetechbrotherss 10 ай бұрын

APIs are king of world :d

@muhammadrizwanshafiq5409 2 жыл бұрын

Asif how can we throw list against each key inside body?

@thetechbrotherss 2 жыл бұрын

Can you please elaborate your questions in detail.

@muhammadrizwanshafiq5409 2 жыл бұрын

@@thetechbrotherss i mean if i have to post a list of response against each key, like { "personal": List, curriculum: List, }

@thetechbrotherss 2 жыл бұрын

Its very simple. var _list ; var item = { 'user_id': "23"), 'friend_id': "3244", } ; _list.add(item); Map map = { 'addFriends': _list, } ; Response response = await post(Uri.parse(AppUrl.addFriends), body: json.encode(map) , headers: {'Content-type': 'application/json','Accept': 'application/json'} );

@muhammadrizwanshafiq5409 2 жыл бұрын

@@thetechbrotherss you are love bro ❤

@flutterdart47 11 ай бұрын

nice...

@thetechbrotherss 11 ай бұрын

thanks you

@khr_brand8295 Жыл бұрын

Missing fields in username and email is showing on postman

@thetechbrotherss Жыл бұрын

Please follow latest documents to enter correct email and pass

@pramodsawant9687 4 ай бұрын

Api with authentication token is available on your channel

@thetechbrotherss 4 ай бұрын

Btw i have explained this at the end of this video

@dragongamerz4685 9 ай бұрын

so aajki date me koi or method ka vidio bhej sakte he sir aap?

@thetechbrotherss 9 ай бұрын

it's still working bro

@shahidurrehman1147 Жыл бұрын

sir how to show api response in any specfic text widget or in container

@thetechbrotherss Жыл бұрын

Use string and rebuild the screen

@achyutpatel9269 11 ай бұрын

I am getting error...its showing kotlin doesn't support

@thetechbrotherss 11 ай бұрын

add supported version of kotlin in build gradle

@mudasirkhan8058 2 жыл бұрын

How to set Progress bar when we Click signup button to create account

@thetechbrotherss Жыл бұрын

Use boolean

@shahabuddin-pc8jr Жыл бұрын

already done it in provider statemangement playlist

@thetechbrotherss Жыл бұрын

But i have explain theory here

@tars284 11 ай бұрын

Hello sir, how can I inactivate the button until I receive a response to prevent spam requests?

@thetechbrotherss 11 ай бұрын

Add conditions, if else

@mueenaly6308 Ай бұрын

bhai, register ma hum dosra email, password likhain, nahi chalta

@thetechbrotherss Ай бұрын

mtlb ?

@WaleedAli-xq9dt 5 ай бұрын

Api is showing error in Postman but in tested its working

@thetechbrotherss 5 ай бұрын

You must be doing something wrong

@EsHbAnBaHaDuR Жыл бұрын

Why I get the 302 Status code instead of 200?

@thetechbrotherss Жыл бұрын

You must be doing something wrong or please check the latest documentation

@tahseenahmadansari-g1o 10 ай бұрын

Aoa .. Sir im having 400 error in postman

@thetechbrotherss 9 ай бұрын

check api on website and follow the same process

@harshverma9140 2 жыл бұрын

bhia gmail se authenticate kaise kre without password ?

@thetechbrotherss 2 жыл бұрын

Bhao gmail sy login ki plugin ha jaise login ho jao gy wo apko token dy de ga us k bad us token ko use krty ha login krny k liye apny system k sath.

@nidhi8942 Жыл бұрын

Please make ' Forget Password ' of same Tutorial in flutter.

@thetechbrotherss Жыл бұрын

Bro same process ha understand the project

@dragongamerz4685 9 ай бұрын

sir aapne ye jo mathod batayi he ye to abhi kam hi nahi kar rahi he

@thetechbrotherss 9 ай бұрын

q ni kr raha kr raha ha

@tanveersyed9999 Жыл бұрын

sir yaha " try and catch " ki samaj nhi aye

@thetechbrotherss Жыл бұрын

it's used to caught exceptions

@moazamijaz4404 Жыл бұрын

bhai api pr koi or data aa rha hai

@thetechbrotherss Жыл бұрын

check the documentation and follow the process

@shijinthottiyil4570 Жыл бұрын

every time output is login failed

@thetechbrotherss Жыл бұрын

please check api documentation and follow the process

@faisalhukkeri6793 2 жыл бұрын

This content is misleading This is authentication using provided login credentials, not user sign up Is user sign up possible?

@thetechbrotherss 2 жыл бұрын

This is not misleading it just that you are not understanding the concepts. I'm using open source api, i have provided the link you can check their documentation. This the example of how post api works meanwhile in this api i have make user login as enter already provided email and password as i am using open source api. This how login work and sign up as well. You need to understand the process how things workout. I hope this make sense.

@faisalhukkeri6793 2 жыл бұрын

You're using the login credentials provided by reqres.in The API code might have similarities but you're clearly demonstrating the login process not user registration. Hence the title and video both are misleading.

@thetechbrotherss 2 жыл бұрын

Bro this is the post api, if you got a understanding of this api where user enter email and password to check if it is present or not then in sign up api its the same process your backend developer will shave the data. Understand the process rather than focusing on single video.

@ironmans234 Жыл бұрын

Email , password send click Body html in response Not show id , token

@ThanhNDNMusic Жыл бұрын

full play list ?

@thetechbrotherss Жыл бұрын

Yes its a full playlist

@santoshsharma-ni9zo 2 жыл бұрын

Bro make on video login sign with phone number with api

@thetechbrotherss 2 жыл бұрын

@cmwmedworks9660 Жыл бұрын

J̊åb̊ m̊åi̊ p̊o̊s̊t̊ åp̊i̊ c̊ål̊l̊ k̊r̊ r̊h̊å h̊i̊ t̊o̊ m̊ůc̊h̊e̊ h̊ån̊d̊s̊h̊åk̊e̊ c̊l̊i̊e̊n̊t̊ k̊i̊ e̊r̊r̊o̊r̊ åå r̊h̊i̊ h̊åi̊

@thetechbrotherss Жыл бұрын

check api in postman

@soorajs2492 2 ай бұрын

Is rest api free

@thetechbrotherss 2 ай бұрын

for testing some platform provides free api but mostly apis are paid but also it depends on various factors

@santoshsharma-ni9zo 2 жыл бұрын

Also make phone number login

@thetechbrotherss 2 жыл бұрын

All of the login apis work in same way. If you got understanding of this api you can easily implement with phone number. All you need to do is just replace email parameter with phone number and then job us done.

@santoshsharma-ni9zo 2 жыл бұрын

Thank you 😊

@vishalgarna4580 10 ай бұрын

18 0 complete my comment😅

@thetechbrotherss 9 ай бұрын

thank you

@musicst7583 2 жыл бұрын

Very wrong

@thetechbrotherss 2 жыл бұрын

hahahahha ok, your promotion is done lol

@musicst7583 2 жыл бұрын

Wrong because.. You integrated everything into a single page. It is a very bad coding format. And Beginners also learn this bad coding.

@thetechbrotherss 2 жыл бұрын

Lol you need to watch this playlist from start till end before passing judgement. Do checkout my mvvm course you will have all of your doubts clear.

@musicst7583 2 жыл бұрын

@@thetechbrotherss lol

@tamtranthanh5283 Жыл бұрын

sorry i don't i undertand

@thetechbrotherss Жыл бұрын

Because thats in my native language

@-priyanshusharma Ай бұрын

whenever i run application this message is shown HandshakeException: Handshake error in client (OS Error: I/flutter ( 5099): CERTIFICATE_VERIFY_FAILED: certificate has expired(handshake.cc:393)) even i restart my app

@thetechbrotherss 22 күн бұрын

this is server side error, test api in postman

@akhilgorantala1389 2 жыл бұрын

when i try to use if response.body.contains(success) == true , its even logging in even i type the wrong password this not proper way to implement the login

@thetechbrotherss 2 жыл бұрын

this is the proper way to login, asked your developer how he manage the backend then add your conditions accordingly. As i used open source so it has one condition and it return success.