Full Stack Web Development Course [9] | ReactJS, NodeJS, MySQL - JWT Authentication

Hey everyone, this is the ninth episode of this series where I will show how to create a full stack web app!

Technologies:
- ReactJS
- NodeJS
- ExpressJS
- MySQL
- Sequelize

-
-

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Equipments I Use:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

[fctinmaz]

9th episode and still continuing! thanks for the effort!

[farban]

bro i be waiting for this series like a weekly anime 😂 keep up the great work

[alasdairmacintyre]

Hey Pedro, Loving the series. I've been teaching myself for about a year
now and this tutorial is realllly helpful for putting everything
together, and I like that you don't necessarily go through the process
of explaining everything really in depth. It makes it much more
watchable since I already have some experience with a lot of these
frameworks. But watching you put it all together and organize everything
is great!

I get that you don't want to over-complicate the series with a video on
cookies, but maybe as an appended video at the end, you could go over
how to do this with cookies instead of session storage. Security and
authentication are important topics, and again, its really helpful to
have this stuff all in one place.

Keep up the great work, your explanation videos are quickly becoming
some of my favorites on youtube.

[TheOutdoorHammer]

PEDRO I FREAKIN LOVE YOU! YOURE SO AMAZINGLY AWESOME THAT WORDS DO NO JUSTICE! THANK YOU SO MUCH FOR YOUTUBING I BUILT MY MOMS HOMECAREGIVING WEBSITE BECASUSE OF YOU! AGAIN THANK

[PanlasangMotour]

Waiting for part 10 haha I've learn a lot .... also i guess if you want to secure it .. you can make a timeout request when the user idle in 5 minutes it will logout :) automatically or it will go to lockscreen and try again his password

[ThColinPereira]

absolute fire mate! can't wait for more amazing content

[BustamanteChamp]

Very well done for the series!!! If we want to make it more secure we should add a cookie where we place the token? Can you make a tutorial on that? Keep it up xd

[PanlasangMotour]

I've been waiting for this haha part 9

[scooble]

On page 'client/src/pages/Posts.js' @26:49, the alert message says "Object Object", however, on page you used a line of code that said that if a 'falsey' 'accessToken' is tested for, then return this;

This seems to make sense as you have formed a json object with a key of "error" and a value of "User not logged in!".
How is it possible to send a message through to the 'client/src/pages/Posts.js' file so that we can display the appropriate message?

[scooble]

This is pretty advanced javascript for me and I am learning quite a bit from the context (i.e. seeing what it does, and then making implied assumptions).
@22:14 you are using a function in a way I haven't seen before.
It looks as if you are adding a function (validateToken) as an argument to the post request.
I can see that the 'validateToken' function takes three arguments (req, res, next).
Am I to assume that because you provided 'req' & 'res' as the posts third argument, the second argument (the validateToken function) also has access to them?
I hope this makes sense!

[Mohammad.keramati]

THANK U SO MUCH DEAR PEDRO i very love your tutorials

[charlesbabbage]

Amazing tutorial. Learned a lot of new things. Keep up the good work!

[brians]

Hi Pedro, I used the same code but I keep getting an error saying that the User is not logged in . The problem is somewhere in the middleware and I am not able to figure it out as of yet. Tried everything

[ahmedmedhat]

Thank you so much for your amazing tutorials and hope you do well on your exams!
And if I may ask, can you please send a link to an article that talks more about securing the website like what you mentioned at the end of the video?
I would really appreciate that,
thanks in advance!

[PanlasangMotour]

Maybe can you try how to apply pwa on this series also can recognize if it has no internet it will stored the secured data on the session and when it online it will send to our online database ... idk if it is weird but it seems awesome ❤️❤️❤️

[teoviosicostel]

You're the best, man, no joke :D

[Evgenios]

Hi Pedro! Can we also use this technique in order to have different users in an ecommerce store and display their carts individually? For example every time a user logs in, his/her cart is displayed. Learning purposes, don't care about security rn

[kyawswarhein]

I cannot find the video about storing token in cookies that you mentioned in the video. Could you give me a link to that video when you have time?

[tiiksii]

It's very good explanation. Where is Cookie video? I'm trying to find, but can't(

[ic_luc]

Hey Pedro, I love the tutorial, but almost at the end of the video, when we try to test if only authorised persons can comment, i get this error.

code: 'ER_BAD_FIELD_ERROR',
errno: 1054,
sqlState: '42S22',
sqlMessage: "Unknown column 'UserId' in 'field list'",
sql: "SELECT `id`, `commentBody`, `createdAt`, `updatedAt`, `PostId`, `UserId` FROM `Comments` AS `Comments` WHERE `Comments`.`PostId` = '2';" sql: "SELECT `id`, `commentBody`, `createdAt`, `updatedAt`, `PostId`, `UserId` FROM `Comments` AS `Comments` WHERE `Comments`.`PostId` = '2';",
parameters: {}

I spent an hour trying to solve it but it just doesn't make sense.