Register and Login Tutorial | ReactJS, NodeJS, MySQL - Cookies, Sessions, Hashing 

Funny how I come back to this video. Previously I watched it to help me get into an intership. Now I'm watching it again in an amazing job. Thanks dude.

Pedro you`re a truly teacher, i love your videos because you explain so well and teach everything excellent, greetings from Argentina!

Thanks for this. I came here for JWT. But now I am binge-watching your course

telling the client the user doesnt exist is a bad idea, you don't want to give hackers any hints. Just say wrong username or password no matter what, unless of course there's an error of sorts, in which case you just send "Oops! Something went wrong."

0:00 Bcrypt tutorial 11:00 Cookie and session

You are the man Pedro, simple and well explained! Thank you!

thanks Pedro... most of this tutorials are rare to find... fullstack application for React,Node and MySQL... thanks for that

how to check if user is already registered

Good work mate, pl keep posting videos and I'll keep learning!

thanks for your videos. they help me a lot. i'm still waiting for the final video xD

Man u have every tutorial ever, thanks!

Your sublminal message worked, thanks for a very clear and concise video.

Just make sure that telling that the user does not exist could expose the system to a security vulnerability by letting the attacker know that, let say an email used as user exists. It should be better treated as invalid credentials without given away which one is wrong the username or the password. Best regards!

I want to give an alert when the username exists while signing up. How can I do that?

I totally understood that video. So my question is, since you can do it with bcrypt and sessions, WHYYYYY everybpdy is using passport? what is passport doing? what is the actual reason of its existence? I ve seen so many tutorials and sitll cannot understand!

Thank you for this awesome tutorial! Now I understand how login works!

Amazing video! Thank you, man! I'm new in React ... learned so much from you. Thanks, again! I just have problems publishing project in XAMP env. I couldn't start the project on Apache with MySql. Clients part started fine, but server side cannot respond on this env. I'll appreciate for explanation how to publish and setup this example on XAMP env. Thanks

Thank you Pedro for these videos, they're extremely helpful! Although can there be another video to this series on how to code logout?

Thank you very much for helping me setup my backend and frontend. Your tutorials really helped. Can you please slow down a bit though lol. It's hard ot keep up sometimes, and I consider myself a fast typer lol. I undersstand you're trying to keep[ the videos short but it makes it difficult to follow you.

Awesome tutorials, so much knowledge, but ummm... If you could make a video about user authentication with crypto.js like in a Password Manager project, but to make all of verification and decryption on a server side... Ex. You type only a login and password, front-end sends it to server side and then server get data from db, decrypt it and compare data 🤔 I'm trying so hard, but can't make this work 😥

nervmind i just saw your json one. I love you.. man you literally saved my life..where's the donate ?

this year I finnishing work for bachelor's degree, and you are saving my life with all react, node and mysql stuff

it's so weird to have a DB connection in a js file. It seems wrong and not good for security.... just my thoughts.

Bro thank you so much you helped me out a lot with this video

High Pedro, thanks for video. I would like to ask you wich is the 3 video? I can´t find it.

Hi pedro thanks for the video, apparently i'm getting this error (or not?) {loggedin: false} keeps appearing in the response even though i can properly login and call the response with the data in it, but when i'm trying to call which users that logged in it's empty, i tried to see what happens in the cookies and it's surpsingly empty normally when you logged in the cookies will be filled with the name and value that've been set in the server but now it's not. oh just telling it's working wonderfully in localhost:3000, this happens in netlify and heroku as server.

Hello! thanks for the content!!! I'm trying to follow your guide and I'm not using Axios.. Instead I'm using async funcs and fetch from frontend. How do I allow cookies without Axios?

I've got a question: what can I do to remove that cookie session?

good tutorial!, i just made this with login form, redirect and protected routes using router v6, it gets complicated. any update on this tutorial eventually for something like that?

Thank you very much for saving me. Do you have a post where the credentials are explained in depth?

Error is showing on session middle ware dehinning section

I wish you would have shown how to store the session in mysql. Where is the session stored in your video?

If I want to publish my react app in the production, then I still have to use this way to keep the user logged in??? plz guide me

Try to make MVC architecture medium size project using nodejs, MySQL, so that we can understand architecture as well

Thank you for this wonderful vedio!!! But I also want to know how to logout, I just can't remove my cookie by using react, any ideas??

How can i access that userid from different module...i am not able to use it please help...asap

Nice. can you tell me how to use the app.get function in index.js for 'register' instead of 'login'?

Hi Pedro, I have a question. Why my web app can only access server from the host computer and other devices from the same LAN would always be blocked? (Getting XMLHttpRequest error) I suspect it's something to do with my CORS config but I don't know more details. Need some help. Thanks!

hi, that was very helpful but what if I want to logout when I press the logout button!

Hi Pedro, if I put axios.default.withcredentials in the child component, will it make all axios requests in the app including the parent’s one need the credential?

Your function login() in your page Registration.js doesn't work bro. => can't read property of undefined

Thanks for the tutorial. How do you implement logout?

( axios.defaults.withCredentials = true ) this part gives me network error how to fix it please help me

Hey Pedro! great video. Helps a lot. I'm trying to integrate machine learning python code with my react web app. Any suggestion on how to go about it?

Could anyone send me the video for clearing the session and logout the user when he click a button.

Hi Pedro, amazing stuff there, but I couldn't find the whole series as you said its 3 part video thanks.

Thanks for the video!! amazing!!

Nice video👍👍 but how to implement login and authentication with react native, node js and mysql

if loggedIn is true, and I'm on the login page, I want to redirect the user to the home page ('/home'). Do you happen to know how to do this?

Amazing tutorial bro, Thanks for your effort. I wanna know how to delete this cookie when i click on sign-out button ?

Thank you for this great tuto.

you're the best. thank you very much

great video but could you also put the github repo in the description?

Hello, does anyone had the issue where the resquest sent by other routes than the one the session was created on, will not send the cookie with them? even with withCredentials : true? can't figure out why and i've been wih this for days

why do i get TypeError: Cannot set property 'user' of undefined

Hi pedro, I got an error in the bcrypt.compare function, the code detects when the username or password is wrong and when the user is not in the data base, but when I enter the correct password it keeps telling me wrong user or password when im putting the correct one. I already check my code and it is the same as yours, do you know why this is happening?

Ca I have link to the previous video to this one

Hi Pedro, is there any video about logout??

Can you add functionality like logout

Hello sir. Will this be able to handle many users logged in?

thank's bro from algeria

do not we use jwt?

nice tuto thanks a lot

Thanks!

how to logout ?

Just add the session destroy part too.. please

You didn't show how to make a proper logout... :(

Cara, será que você pode me ajudar? Desde ontem não consigo fazer o login validar, o registro funciona, a senha é salva com o hash no banco de dados, mas sempre que tento fazer o login ele retorna a mensagem de erro, no node meu código tá assim: app.post('/api/login', (req, res) => { const login = req.body.login; const password = req.body.password; db.query( "SELECT * FROM users WHERE user_login = ?", login, (error, result) => { if (error) { res.send({ error: error }) } if (result.length > 0) { bcrypt.compare(password, result[0].password, (error, response) => { if (response) { res.send(response) } else { res.send({message: "Deu ruim"}) } }) } else { res.send({ message: "User not found" }) } } ) }) E no react a função: const submitValues = () => { Axios.post('localhost:3001/api/login', { login: login, password: password }).then((response) => { if (response) { setLoginStatus(response.data.message); console.log(response) } else { console.log(response.data[0].login) } }) } Sempre retorna a mensagem 'deu ruim', vc sabe o pq?

I was waiting for this, thanks! Had issues with session. Can I ask if want to log out and kill loggedIn session, how do I go about that?

Thank you

What I find interesting is: " you write this here but you don't need to know what it means...". Maybe you can't explain what it is...

Thanks a lot

10:30 for session

is there anyone who can help me on creating a logout for this?

25:50 LMFAOO

gracias rey.

awesome video🔥🔥

25:08 response.data.loggedin == true :Ddddddd chill bro

se tu n for brasileiro eu sou maluco

This video was really helpful, thanks a lot. I did run into an issue. Could you please help in this?. Currenly using ["express": "^4.17.1", "express-session": "^1.17.1",] but getting an error in line 86 => req.session.user = result; says Property 'user' does not exist on type 'Session & Partial'.ts(2339) have tried to searching a fix but nothing helped so far

Great video, man, but I've noticed one thing worth specifying: in 16:03 you said 'this is in milliseconds", and set the value to 60 * 60 * 24. It looks like you forgot to multiply this by 1000.

Great work!, very complete, it would have been great if you created a button to log out and close the session. Keep it up!

thanks bro this video helped me too much, small channel but with great content.

Thank you very much ❤️, i spent hours searching for the problem of Cors credentials then i remembered that you have a video of Login where you get session using axios and it solved it

Oh my God, why are you so smart? Of course, I'd got a lot of stuff to do starting from preparing front and backend, but, despite this, you helped me a lot! Much love from Kazakhstan.

Could you upload how to do Log out? I have been trying to find a tutorial and no one is working.

I'm trying to create a logout button to delete the cookie but I can't find the way, could you help me please?

Thanks so much for your insight! I was wondering where req.sessions comes from. Is that a part of the request object, or is it added by the middleware?

The set to true thing did it for me. Thank you so much

Cookie is sent but is not saving to cookie

Anyone knows like, how could i use that when im loging in, and im redirecting to my Homepage, that i can display it there, like logged in as:

How to grap the cookies ? My session expires every 2 minutes ? For what ur creating cookies, when ur not using it ??

cicked subscribe and like! Thank you this video helps me a lot

It doesn't work with me... When I refresh I am using the session :(

BIG LIKE BIG SUBSCRIBE! I had a problem with the cookies and I searched for a long time to fix it and the credentials parameter did the trick. Thanks!

hello pedro can you recommend book for learning react..

Thank you for the good video. I have a question that I need to log in and { loggedIn: false } in the console window, but it's fixed to false. I don't see a separate error log. I don't know how to check. No, there isn't.

Hi, Pedro. I have a question, if I login to the main page and travel around the website like products page and more. I will be still login to the site?

You are the best! Bro ♥

I am confused, the session cookies did kind of work for me, but they did not expire, and after something I did they totally stopped working. I did some research and found that since 2020 March a property "sameSite" was mandated and you need a https connection for it to be able to pass cookies to third party, which means it won't work on non https localhost. So it should not be possible for the cookies to work on your localhost since I assume that video was made past that date, unless mac uses https localhost or something ? Idk, perhaps my code is wrong.... Lol, confusion haha.