Got the lesson useful. That's why subscribing the channel. Hope for the best brother.

Thanks sridhar , the video and code was really helpful

Brother, I was very worried, I was not able to do it. When I saw your video, my problem got solved. Very very thanks brother.

*You are a genius mann.... Gained 1 subscriber*

love you bro code is working i face error on phone authentication many times but you solved

Please make a video for email verification also using firebase and tailwind also.

Impressive guys

Thank you so much bro. You saved the day!

But now ill use all of these 😂❤ appreciate bro

That input was all i needed thanks❤

@user-rf5ci8rf2p

4 ай бұрын

0000000000000000

Me encantó.... Excelente !!! gracias por compartir !!!

Very useful tutorial, it is working for me. Thank you.

This is wonderful.

This was useful but I ran into a problem when I accessed the global file and entered the Index.html project I find this page is blank, please reply

Thank you it worked without any problems thank you so much

so keeping these credentials on client side is safe?

Is this freemium? Or do I have to pay something from the beginning? thank you so much for uploading this!

17:06 for firebase

Dude , I can sign in with phone number also I can sign out with phone number but I couldnt solve how can I login with phone number ???

Component auth has not been registered yet , getting this error could anyone please solve this

Component auth has not been registered yet , bro can make solution for this

Awesome🎉

bro can u help doing vue 3 js too . i tried but it's not working well

thank u sooooooooooooooooooooooo much bro.

i am getting "Error updating phone" while saving phone auth in firebase

Very impressive But how to keep logged in?

Hello I did it also I can signout but how can I login ???

How you added that recaptcha which you had shown in the starting "Send Code Via SMS"?

@satyamkumar6469

5 ай бұрын

You can put size to normal instead of invisible in recaptchaVerifier

For me it is showing toast not defined

Does the otp code comes from the sms??

done it. thanks

can you help, its not working on my web... :(

I'm getting an error that says "cannot read undefined (reading 'appVerificationDisabledForTesing') so what can I do now??? 😭

@vaibhawkr3904

11 ай бұрын

found any solution?

@feelthemusic3511

10 ай бұрын

I also get it bro you found any solution

@biraniv

9 ай бұрын

I faced the same issue and fixed it by editing the function like this: const onSignup = () => { setLoading(true) onCaptchVerify() const appVerifier = window.recaptchaVerifier; const formatPh = '+' + ph; signInWithPhoneNumber(auth, formatPh, appVerifier) .then((confirmationResult) => { window.confirmationResult = confirmationResult; setLoading(false) setShowOTP(true) toast.success("OTP sended successfully!") }).catch((error) => { console.log(error) setLoading(false) }); }

Why does he only send SMS to my number and not others?

@lahikahmed9253

2 ай бұрын

I think it's for free version. You should pay for verify other numbers

@Frontend-oy5cx

2 ай бұрын

@@lahikahmed9253 thanks

Great content

@CodeAProgram

4 ай бұрын

Thank you, share and subscribe

TypeError: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') I used the same method but I am ending up with this error, can u please help me with it

@hardikmaind9833

Жыл бұрын

i am facing the same error bro

@vaibhawkr3904

11 ай бұрын

any solution?

@user-cu7yt3ex6k

11 ай бұрын

Component auth has not been registered yet I am getting this error

@mahimaarora2841

10 ай бұрын

did you get the solution?

@biraniv

9 ай бұрын

I faced the same issue and fixed it by editing the function like this: const onSignup = () => { setLoading(true) onCaptchVerify() const appVerifier = window.recaptchaVerifier; const formatPh = '+' + ph; signInWithPhoneNumber(auth, formatPh, appVerifier) .then((confirmationResult) => { window.confirmationResult = confirmationResult; setLoading(false) setShowOTP(true) toast.success("OTP sended successfully!") }).catch((error) => { console.log(error) setLoading(false) }); }

perfect.

thanks bro this video is very helpful

@CodeAProgram

Жыл бұрын

Share and subscribe ❤️

@garryparker4753

Жыл бұрын

@@CodeAProgram ok

it give me Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') ........and soo on

@MuhammadAhmad-vc6xd

24 күн бұрын

I FOUND THE SOLUTION: (Use this function in the code) function onCaptchVerify() { if (!window.recaptchaVerifier) { window.recaptchaVerifier = new RecaptchaVerifier( auth, "recaptcha-container", { size: "invisible", callback: (response) => { onSignup(); }, "expired-callback": () => {}, } ); } }

Thanks its very interesting

@Andres-mu3ng

8 ай бұрын

Only i have a cuestion why return Recapcha error? FirebaseError: Firebase: Recaptcha verification failed - DUPE (auth/captcha-check-failed).

Si quieres editar el numero e ir atras lo pensaste ? Como harias ? dos paginas o trabajar el back button ?

❤❤❤❤❤❤❤

please tell me what is your theme name of vs code

can anyone give code beacuse this github is not working in my vs code.

can we do this in MERN stack?? If possible can you teach us?

@OnlyJavascript

Жыл бұрын

Can you please teach us complete auth system in MERN stack including this otp feature.

FirebaseError: Firebase: Exceeded quota. (auth/quota-exceeded). Do I need to upgrade the firebase plan?

@nimat9034

8 ай бұрын

Yes you have to upgrade to blaze or create a new project.

what is the name of your code editor theme and who built that?

@TheRageCommenter

4 ай бұрын

It's vsCode as the editor and the theme is called Synthwave '84. To get the glow around the words you need to do extra set up described on the theme's install page. Good luck.

can't run it on vscode

getting error Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') TypeError: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') help me out with solution?

@biraniv

9 ай бұрын

I faced the same issue and fixed it by editing the function like this: const onSignup = () => { setLoading(true) onCaptchVerify() const appVerifier = window.recaptchaVerifier; const formatPh = '+' + ph; signInWithPhoneNumber(auth, formatPh, appVerifier) .then((confirmationResult) => { window.confirmationResult = confirmationResult; setLoading(false) setShowOTP(true) toast.success("OTP sended successfully!") }).catch((error) => { console.log(error) setLoading(false) }); }

@user-ny2cy8xo8m

9 ай бұрын

thank u @@biraniv

I did everything but appVerificationDisabledfor testing error is coming

@Vampion

3 ай бұрын

yes i created video for solution kzread.info/dash/bejne/oaODrLuwZ6zLkZM.html

bro what is theme name? your code have gradient effect.

@CodeAProgram

Жыл бұрын

Synthwave 84

@roar3850

Жыл бұрын

Thanks bro

is capcha verification compulsary for phone authentication ?

@satyamkumar6469

5 ай бұрын

Not sure that it is necessary but firebase doc says it needs to be verified to check this requests comes from the right person (not from attacker)

which vscode theme u r using

@CodeAProgram

Жыл бұрын

Synthwave 84

Can someone please help me with this error: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') TypeError: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') at new RecaptchaVerifier

@Nh_Sohan

10 ай бұрын

same problem

@biraniv

9 ай бұрын

I faced the same issue and fixed it by editing the function like this: const onSignup = () => { setLoading(true) onCaptchVerify() const appVerifier = window.recaptchaVerifier; const formatPh = '+' + ph; signInWithPhoneNumber(auth, formatPh, appVerifier) .then((confirmationResult) => { window.confirmationResult = confirmationResult; setLoading(false) setShowOTP(true) toast.success("OTP sended successfully!") }).catch((error) => { console.log(error) setLoading(false) }); }

@nandinirouth8737

9 ай бұрын

hey i tried your code still getting the same error @@biraniv

@MARUSIIIIA

5 ай бұрын

In Firebase v10 - ther order of arguments in RecaptchaVerifier changed, 'auth' comes first: window.recaptchaVerifier = new RecaptchaVerifier( auth, "recaptcha-container", { size: "invisible", callback: (response) => { onSignup(); }, "expired-callback": () => { }, } );

@MARUSIIIIA

5 ай бұрын

in Firebase v.10 RecaptchaVerifier seems to have another order of arguments, 'auth' comes first. Try this code: window.recaptchaVerifier = new RecaptchaVerifier( auth, "recaptcha-container", { size: "invisible", callback: (response) => { onSignup(); }, "expired-callback": () => { }, } );

Too many unnecessary things, just get straight to the point!

i am getting this error when i solve captcha Uncaught TypeError: Cannot read properties of null (reading 'style') at Array. (recaptcha__en.js:506:268) at b1. (recaptcha__en.js:449:86)

{ "error": { "code": 400, "message": "TOO_MANY_ATTEMPTS_TRY_LATER", "errors": [ { "message": "TOO_MANY_ATTEMPTS_TRY_LATER", "domain": "global", "reason": "invalid" } ] } }

index-9a76d29a.js:8079 Uncaught TypeError: Cannot read properties of undefined (reading 'appVerificationDisabledForTesting') HELP

@biraniv

9 ай бұрын

I faced the same issue and fixed it by editing the function like this: const onSignup = () => { setLoading(true) onCaptchVerify() const appVerifier = window.recaptchaVerifier; const formatPh = '+' + ph; signInWithPhoneNumber(auth, formatPh, appVerifier) .then((confirmationResult) => { window.confirmationResult = confirmationResult; setLoading(false) setShowOTP(true) toast.success("OTP sended successfully!") }).catch((error) => { console.log(error) setLoading(false) }); }

Thank you so much bro. You saved the day!