Full Stack Web Development Course [13] | ReactJS, NodeJS, MySQL - Page Not Found

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

[jiwachhetri]

Went from no experience of JavaScript / express / react.js at the start of the series. To now being able to pause the video before he says "next, I am going to implement x functionality", then implementing the x functionality myself without watching the video. Such an amazing tutorial / series. Thanks bro

[somethinginhere]

Heyy Pedro, good work, waiting for the delete post and deploy part:)
Also, about page not found there is a very simple way to do that, only by two lines of code.

1- in App.js, create a Route Like this:
<Route path="*" component={Error} /> Error is the page you want to show the user when their is no pages.

and this line of code must be the end of codes.

the code will be like this
<Router>
<Switch>
<Route path="/createpost" exact component={CreatePost} />
<Route path="/Registration" exact component={Registration} />
<Route path="/Login" exact component={Login} />
<Route path="/post/:id" exact component={Post} />
<Route path="/ReviewComment" exact component={ReviewComment} />
<Route path="*" component={Error} />
</Switch>
</Router>
Thanks a lot!

[levyroth]

You're my favorite YouTube coder right about now. Thanks!

[yonatanratner]

Great work so far!
I've noticed that when passing the headers in the useEffect part of the Home.js file, if for some reason you aren't logged in, the site gives a typeError: listOfPosts undefined, I fixed this by going back to postman (or insomnia for others) and copying my saved accessToken from the 'Like Post Request' i had saved (previous video) and generating it on my own using inspect element, idk yet if its a problem on my end or something you fix later, so im leaving this comment here since no else seemed to have this issue.

Edit: the next video [14] starts off with a fix.

[interfacts]

Hi Pedro, I have watched a lot of video by youtube but you are the only one able to explain me Jwt and authentication correctly. Thanks for your great tuition. Keep going!

Best Regards: Husan Rasulov

[lokmanlife]

advance stuff right here guys.. damn.. maybe this series, u post twice a week, N between them, a tutorial vid on leaflet.js maybe, or tutorial on making a navigation system like grab or something, or maybe just a crash course or reminder or tutorial on basic stuff like Node.js, Express.js, React.js, JavaScript itself.. I know there are a lot of vid regarding it, but the way you teach it N explain it, make hard thing easier to understand.. Thank you for the vid..

[emmanueladuraibitoye]

Just subscribed. This channel has real content really

[zeanim]

Great video, but you have a simpler way to force everything to re render, just use a state or a context only for rerendering and add it to your useEffect dependency array. (sorry for my bad english)

[vidhavanienterprises]

You can use png images instead of installing material UI just for icon

[alexandreanania]

Hi Pedro ! Thanks for your work !
The link to the repository is not working and I noticed the app crash with the error message "Cannot read property 'map' of undefined
" if we are not logged in. Do you have an idea to fix that ?
Thanks again !

[ThColinPereira]

Hi Pedro! The link to the repo is not working. Could you please help me out?

[ABGwaves]

Is it normal when I reload the page the color of the icon back to the default color ? it don't keep the color

[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