Full Stack Web Development Course [15] | ReactJS, NodeJS, MySQL - Profile Page

Hey everyone, this is episode 15 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

[KyleKatarn]

Really enjoyed this series man. I've been following along and noodling at the project myself just to make it more feature rich, and one thing I can add to it:

In the useEffect where you pull the user information and their posts from the backend, if you set the dependency params of the useEffect to the id variable from the useParams hook, it will allow the page to refresh every time you switch between profiles.

I added a link to the navbar where your username is which will take you straight to your profile page wherever you were in the web app. I then noticed that if I was in another user's profile, and clicked it, none of the information would update, and that's how I found out about the id param.

[levyroth]

Woop woop! This is really good, was looking forward to this video.

[arcadestudio]

superrrr seriously i was doing this job and stuck here and you make supb easy to me thank you ... seriously thank you
from now i can call pedro great !!!! you read my mind

[webapple]

previous video you fixed the bug with get token from local storage, inside in the axios repsonse i did an if else statement ; if response.data.listOfPosts && likedPosts - set posts and setliked posts ELSE navigate('/login'), BECAUSE if the token isnt valid on the back-end it doesnt return the arrays/data and therefor the else is triggered. i found it a cleaner fix.

[varaprasad]

Hi Pedro! your explanation is like a cakewalk. please make a video on AWS lambda. I already asked you earlier. Thank you.

[shivkirpamultisolution]

hey pedrotech i have a ques.. suppose we already have created a table in database without using the model in sequelize then how can i connect it to my backend using sequelize? is there any way ?

[scooble]

@29:35 I attempted to change the code so that when the user logs out, the page would be redirected to the Login page.
I imported 'useHistory', created a history variable and within the App.js file under the logout function, I used this piece of code;
history.push('/login');
However, I got an error which said "Cannot read property 'push' of undefined"
This wasn't what I expected. What have I done wrong?

[DawsonJBailey]

if anyone is having weird db issues try dropping all tables

[lokmanlife]

late to the party.. as always, nice vid man.. more on the profile page, can you expand on it by teaching how to add, edit, delete information in them.. thanks in advance.. keep it up the good work

[PanlasangMotour]

Next up upload profile image and files uploader and it will reflect to your file section <3 it will be great

[lefinancier.]

Hey Pedro can you add a video showing how to restart node server automatically when it crashes?

[heyiamigor]

Yo, thanks for the another awesome episode! How about adding an ability to add a Profile pic and an ability to upload images when creating a post?

[medhenibenelghali]

hey sir i have some problem in my application the server still updating my DB 1000 in sec and my app runnig slowly... :/ so haw i can fix that and thx

[ballonura]

Hey Pedro, How long this series gonna be ? I wanna take it in one shot. Thx.

[viietwalkerr]

I was following the tutorial
and the useParams for id in the profile axios is not working.
The route I think is fine because the get request works in axios, but in the console the object data is empty because instead of using the id number from the url, it's showing undefined
any help?

[benjieburillo]

hi Pedro!, have you tried to use prisma instead of sequelize?, i hope you also make an tutorial for prisma

[Smokusek]

I have a problem with Post page. I'm getting CONNECTION_REFUSED in /auth and /posts/byId/1 and /comments/1 no idea why. I thought i might have misspelled sth so i copied your code and it still doesn't work :( Everything works except that Post.js and adding comments even in Insomnia

[PanlasangMotour]

Bro Have you tried making ah nodejs react app on AWS lambda

[Theo-vldy]

This series is really awesome, but I seem to have an error that I can t solve :( After I login, my token is created, and everything is fine. But as soon as I refresh the page, the authState goes back to the initial form, as if I weren't logged in. But my token is still in the local storage. And I get the following error: Uncaught (in promise) TypeError: Cannot read properties of null (reading 'error'). This refers to this line of code: if(response.data.error) {setAuthState({ ...authState, status: false });. I really don t know how to solve this, if anyone has any ideas, please