React and Node Authentication and Authorization with Session and Cookies; Login/Register Pages

Подписаться 26 тыс.

Просмотров 50 тыс.

50% 1

In this video, we will implement Login and Register Page Authentication and Authorization with Session and Cookies using React Js + Node JS + MySQL database. We will use React JS with Axios and React-Router-DOM for the user interface and Express JS for backend development MySQL to store the data.
Login and Registration Form with React + Node + MySQL = • Login and Registration...
React + Node.js Express: User Authentication and Authorization.
How to Build a Full-Stack Authentication App With React, Node, MySQL.
Protected routes and Authentication with React and Node.js

Опубликовано:

25 мар 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 50

@vigneshwarri6207 10 месяцев назад

Truly Thanks a lot for this tutorial. It helps me for my current project

@user-lo9xv2ik1c Год назад

Thank You brother , its really helpful for me. a very big thanks to you

@akerebryan9151 23 дня назад

Thank you for this tutorial. It has helped with my current project. I would like to suggest that you upload the github repo so that someone who faces an issue can cross-check with what you have in the repo

@mugambiIan 9 месяцев назад

haha😂😂😂😂... nobody saw the sing in, you need QA... cool video

@chromefox4 11 месяцев назад

These videos are life saving, I wish that it would build upon the previous videos instead of starting from scratch. They're still all great tho.

@MrPanyako 6 месяцев назад

I also though the same. It would have been better if the flow was maintained. Anyway, I still appreciate the good job

@SamuelQueen-re8bc 11 месяцев назад

just in case anyone runs into a similar issue at 34:30 when setting the cors options make sure to use double quotes and not single. small mistake but it will cause issues

@Alien-cc8oj 2 месяца назад

Thank you so much. You really helped me a lot👍👍

@sumitmundhe7316 Год назад

Awesome bro🔥🔥🔥🔥👍

@dhanrajgedam1382 Месяц назад

GOD YOUSAF❤❤✅✅

@thangdoanh2357 Год назад

Awesome bro ^^ but how to destroy session with cookie-parser (don't use JWT) when logout?

@glendamorris7198 10 месяцев назад

how do you apply a sign out function? is there a video

@Roozikhan565 Год назад

❤❤❤❤

@brahimazirar3549 10 месяцев назад

why you not stored the session in mysql database ???

@babu32123 Год назад

Bro vite build file not working cookie login but locally working fine only problem build file how to solve this

@bayramcinarr 11 месяцев назад

bro when i refresh the pages it goes to sign in why?

@zoukisouki5569 10 месяцев назад

Super hackable thought

@steelbubble1921 3 месяца назад

25:00 start of video

@mayramunoz693 Год назад

Can you make the form controlled in addition to adding authentication to it?

@abhisekhyadav4001 11 месяцев назад

Use this code in backend to clear cookies and sessions. export const logOut = async function (req, res) { res.clearCookie('connect.sid'); req.session.destroy(); console.log(req.session); res.status(200).send({ message: "Log Out Successfully." }); }

@ayushgautam4021 Год назад

awesome sir buut please make a video where u add encryption using bcrypt on password and

@codewithyousaf Год назад

I made it right now 😋 I will upload it and check it after 30 min.

@MrMstrGamer 9 месяцев назад

how did you store the cookis in the browser?

@codewithyousaf 9 месяцев назад

you can store it using node.js as I did in the video.

@alimkdm1543 4 месяца назад

every thing is but you didn't provide a single snippet of code of front end

@_ademmeral 8 месяцев назад

24:39 where session & cookie operations start

@codewithyousaf 8 месяцев назад

when a user would like to login there we will store the token inside cookies. Login API

@mohamedebrahim5620 8 месяцев назад

bro when I refresh the page should I log in again how can fix that

@codewithyousaf 8 месяцев назад

for that we should use jsonwebtoken to store tokens when we come back we should check if is it logged in or not. Check this two video which will help you React js: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ykoVJPVaSJU.htmlsi=UncTx1UsUuS9ehdN Complete Auth: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0i86B4mU-vw.htmlsi=9EfrOAAEVXr1j3U0

@human2579 7 месяцев назад

How to logout

@riadhcoding 5 месяцев назад

I have the same code but i don't know why data {Login : false } always false ?!!!!!

@riotov1706 3 месяца назад

same bro

@riadhcoding 3 месяца назад

@@riotov1706 big problem without response!!!!!

@undine8750 8 месяцев назад

Dont make database calls from your REST controller

@gaganvishwakarma6494 5 месяцев назад

how to logged out user ?

@codewithyousaf 5 месяцев назад

I have video for that also you can search in my channel. for short simple create a button call endpoint and remove token from cookies.

@gaganvishwakarma6494 5 месяцев назад

@@codewithyousaf thanks but i tackled this out.

@gaganvishwakarma6494 5 месяцев назад

Logout route :- client request - axios.defaults.withCredentials = true; axios.delete(`${import.meta.env.VITE_BASE_URL}/logout`); server router - router.delete('/logout', (req, res) => req.session.destroy())

@_ademmeral 8 месяцев назад

you shouldnt see the login screen even if it is for very short time

@MrPanyako 6 месяцев назад

I agree

@kuppaniabhi879 8 месяцев назад

where do u pass cookie as response i am watchin this more than 4 time ..... why ur manupulating us

@codewithyousaf 8 месяцев назад

we should store cookie inside the browser

@kuppaniabhi879 8 месяцев назад

@@codewithyousaf but you didnt shared in this video why

@gaurisolse3335 8 месяцев назад

Can you plz share source code

@CodeWithHaseeb 10 месяцев назад

Source code bro

@milenurkov964 Месяц назад

You basically do nothing for production - only for dev environment. No hashing of paswords, not properly setting up the session and the cookie, not explaining much stuff...