Login With Google Using React & Node - MERN Auth 2.0

What's up Guys,
Today we gonna learn how to integrate google authentication in mern stack. To integrate google authentication in our application we gonna use passport module. Which is a middleware for Node JS that makes easy to implement authentication and authorization. we gonna use passport-google-oauth20 strategy because lot of people has downloaded. But to use google strategy we need to have google client id and secret key. I have covered everything in this video watch it now.
If you have doubts or suggestion to make it better please let me know in comment. If you like my work subscribe to my channel and like this video : )
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝
Source Code = github.com/cyb...

[@zebedee788]

Some errors you may encounter: 1. TypeError: req.session.regenerate is not a function using Passport soln: Downgrade passport to version 0.5. npm uninstall passport, npm install passport@0.5 2. Uncaught TypeError: Cannot read properties of undefined (reading 'user') soln: Pass 'user' as props directly in Home component instead of userDetails. remove line 'const user = userDetails.user' 3. Cannot GET a route. soln: add forward slash to the begining of your routes in server folder, auth.js and server.js Will add more if I find any..Happy Coding

[@jayeshargade2179]

thank you so much

[@JonathanRuiz-xu4yl]

bro, you know if exist a solution to the first error without downgrading? I red that v0.5 of passport have some vulnarability issues

[@ShetDeeptesh]

thanks man.... wasted 1 week for this integration, this video is very helpful. appreciate

[@tarekghosn3648]

thanks for the code man. but i wish you had talked about the process for us to think better next time were connecting to an api

[@samuelkusi8079]

Great video but i didbt see you save user into mongo as implied by the title of the video

[@uboxtech]

req.user is undefined in production, any idea how to fix this prblm?

[@videoexplore1]

Did you solved that?

[@pouriarezaei625]

Please note that In both login and signup pages, the url should be changed to "auth/google" instead of "auth/google/callback". Thanks for the tutorial by the way.

[@yashvishwakarma7907]

Honestly, Didn't liked the video. You should have to explain what code does, just little bit. Instead of pasting code, better writting

[@rootbattlegrounds7948]

You really worked hard, I appreciate that. But next time instead of pasting directly you can write the codes manually it makes it easy to catch up with the code. Try to be a little slow also when explaining.

[@sajawalhassan1f12]

If anyone got an error saying: "Error: Unknown authentication strategy "google"". Then simply import it in server.js without giving it a name: CommonJS: require("./passport"); ES6: import "./passport");

[@bhavilahuja7092]

Then what about the app.use(passport.initialize()) and app.use(passport.session())?

[@sajawalhassan1f12]

@@bhavilahuja7092 Those lines simply initialize passportjs and its session. Importing the file sets all the configuration needed to run the functions in passportjs

[@bhavilahuja7092]

@@sajawalhassan1f12 Never mind, I successfully completed my task

[@sajawalhassan1f12]

@@bhavilahuja7092 :)

[@madhurimalviya4443]

This video was really helpful but can you please tell me how to use this login in my existing react web application?

[@naqiabedi]

wasted my precious time because he did not show actually if it is working or not after creating it that's the reason many guys complaining it is not working

[@fullstack-user-api]

Hi! I have deployed the front and backend in Render! Thank you! My app works well in the localhost but in the deployment I cannot get the user after logging with gmail...I am not working with websocket but I realized I got websocket failed I do not know if that is relevant. What am I doing wrong? thank you

[@sunilnoolu1508]

Great work. but Explanation is too fast which makes difficult for beginners to understand.

[@nwaformicah433]

Nice video, thanks so much. I want to asked if I will add my credit card or pay to use Oauth in my project?

[@jenilsatani2671]

using callback how to store data in database can you guide me>? and it's possible so let me know using frontend domain in google cloud console?

[@reshnarajan8466]

I got ""The OAuth client was not found. If you are a developer of this app, see error details. Error 401: invalid_client"" while sign in with google why??? help

[@faisalsaeed877]

did you fix it?

[@reshnarajan8466]

@@faisalsaeed877 i referred documentation

[@namansharma7531]

@CyberWolves this is not working when I host the api, its giving me success with error code 403, please help

[@SunilKumar-fh6jk]

Those who are facing response_type not provided error while logging in, add this code to the passport.js file passport.use( new GoogleStrategy( { clientID: process.env.CLIENT_ID, clientSecret: process.env.CLIENT_SECRET, callbackURL: "/auth/google/callback", scope: ["profile", "email",], response_type: "application/json" }, function (accessToken, refreshToken, profile, callback) { callback(null, profile); } ) );

[@csec0565]

Were we making this without the help of Database ?

[@rajneeshgangwar6022]

Failed to load resources the server respond with a status of 404 (Not found) error What i shal do??

[@Triwizard109]

why passport setup needs to be imported in server.js when we are not using it there?

[@ki-sg9ig]

if you're not import, code in passport file will not run😅, because npm start only start server.js file, in this file you can import to run other file

[@gunpreetsingh2256]

great video! Just had a small query. What's the font and theme you are using for vs code?

[@videoexplore1]

Brother, "The support of Google Sign-In JavaScript platform library for Web is set to be deprecated after March 31, 2023", after this Is there any thing new to do?

[@fullstack-user-api]

Hi! how do I do login with facebook and github? Thank you!

[@yadavkishan3778]

nice bro helpful your youtub chanles

[@amirrai5523]

How to create a token for this kind of Operation?

[@MindOFAlfie]

Getting a 403 error when i cloned the repo and ran the code, any ideas?

[@markvitko2638]

did you fix it?

[@deepanshuheer01]

/auth/google : route not used in this. Please help me to fix it

[@pouriarezaei625]

You're right. You should change the URLs inside login and sign up components to "auth/google" instead of "auth/google/callback"

[@sammed.sankonatti]

i don't want to sing with google. You will know if you have noticed

[@gautamkumarverma2929]

please tell me in detail brother,what you want to say ,so that i will not use also

[@japan9169]

Thanks for the video. However you seem to be moving very fast in the video

[@nxshipon6470]

Excellent content

[@princebabariya-fh2dx]

Access blocked: authorisation error

[@skillradius9867]

Bro had to catch train ig

[@jyothinkjayan6508]

how to redirect to front end after server side auth

[@salehm5413]

Why you create passport file and does not use it ?

[@CyberW0lves]

we have initialized passport module in that file. By importing that file in index.js every code in that file will execute. If you don't import that file it will not work.

[@salehm5413]

@@CyberW0lves you dose not execute passport file in index.js

[@rajilaziz8380]

@@CyberW0lves i do import the passport file but since it is not excute it gave error in backend terminal

[@MdAzharuddin-h3u]

u captioned as mern but not used mongo what the hell

[@breakingbad378]

i'm not able to do it with discord

[@9dwd]

I don't want to sing with Google

[@tanmayhedau5342]

Don't sing then 😂

[@zappist751]

@@tanmayhedau5342 its a joke lol

[@Ravikumar-nc9bz]

thanks was really helpful

[@vaibhavgangurde2995]

very helpful 🙏

[@zappist751]

Hey cyberwolf, can you make a video on how to do this with mongodb?

[@riteshsingh4150]

Arey bhai last me demo to dikha deta

[@masterTimon01]

Thank you very much sir!

[@leeskies329]

happy singing

[@hiddensoldier6770]

React is for frontend?

[@CyberW0lves]

yes

[@erhan1]

you did a great job thank you so much

[@breakingbad378]

can we do the same with discord ???

[@ABHAY00_7]

Great Help !!

[@anuragdixit3581]

title mai yha react kyu likha ?

[@yrama4714]

thankyou bro

[@mangeshpandit4660]

THANK YOU

[@chandrashekharjoshi6907]

❤

[@alanye7542]

thanks!

[@prodev08]

thnx❤

[@Abundify]

apne mera sara code khrab krdia

[@ayushbhatt2352]

mera bhi krdia 😭😭😭😭

[@hariharanmohan273]

thank you. its working

[@kamichikora6035]

i am getting No routes matched location "/undefined/auth/google/callback" ...I'm i doing something wrong?

[@kunaljethva9623]

You need to Replace the process.env with the Localhost port i faced the same issue, because in the video in the video sir have used .evn file

[@kamichikora6035]

@@kunaljethva9623 thank you, I'll try that

[@mansinagaria2034]

@@kunaljethva9623 could u please clear this again im getting same error

[@WizowskiTheCow]

thank you I had the same issue

[@akashsuryavanshi7026]

@@WizowskiTheCow bro, How did you solve this problem?

[@RA-ks5wt]

Time waste, too many errors, a big thumbs down.

[@kshitizsachan7196]

this video is a fraud please don't wase time watching it, it does not teach how to actually implement google auth fully.