Full Stack Web Development Course [16] | ReactJS, NodeJS, MySQL - Update Password

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

[heyiamigor]

Incredible! Can't wait until the deployment episode! Thanks for your hard work man!

[TECHZ]

Thanks Man! I was able to grab dozens of new concepts through this video, on a road towards full stack developer

[levyroth]

This is how I want to spend my Sundays!

[webapple]

No need to repeat your code twice for this, where editPost function is passed option, just use that variable to determine what is sent when clicked, example ; let newItem = prompt(`Enter new ${option}`), {[option]: newItem} for example. this saves have the same code twice. on the backend if you just do const post = req.body , await Posts.update(post, {where: {id}} this works

[itisme]

you deserve bests mate, really helpful series

[arcadestudio]

sorry i can't able to watch yesterday because i was busy but today i watched it and really happy to see you again but also sad hearing this series is ending soon Thanks for your helping me on clearing concept #PEDRO_THE_GREAT !

[fctinmaz]

Thanks Pedro, i finished till so far, and i didn't have any experience, it has been amazing for me and very helpfull, super clear course! If you may, there is a bug and i guess i found how to solve it.
bug: when you create a comment, you can not delete the comment instantly without refreshing the page, refresh is necessary in the page. the reason is the id of the comment does not send to FE. so when you click right away it crashes. the solution is to send the created comment.id to FE.

//inside comments.js, added const all here for to return all inserted values

router.post("/", validateToken, async (req, res) => {
const comment = req.body;
const username = req.user.username;
comment.username = username;
const all = await Comments.create(comment);
res.json(all);
});

//and inside the Post.js addComment function, we need to add id of the created comment to setNewComment state

else {
const commentToAdd = {commentBody: newComment, username: response.data.username, id: response.data.id};
setComments([...comments, commentToAdd]);
setNewComment("");
}

i hope this works for everyone!

[tanishkumargaur]

Hey there mate if i want to put leaderboard in it. Using simple logic that user with most posts is first and sequencially can u help

[manniecobham]

Hi Pedro. Nice job here. This is really helpful. If I need to sort the Items on the home page how do I go about this?

[solidcipher]

thanks, I have learned a lot from this series.

[rodolforubindebarros]

Parabéns!!! Ótima série, ótimo conteúdo e ótima didática!!!

[lokmanlife]

every good things come to an end.. a great series.. sad to see it end.. just an idea for next vid.. BEST PRACTISE TO STRUCTURE YOUR APP

[buihuyhung]

Take a lot from this series, Thanks you very much Pedro.
Can you make a video about upload image, video with nodejs and express??

[scooble]

@17:16 I get what you are doing here, in that you are using the useState function 'setPostObject' and then supplying it with an object ('postObject') which you destructure and specifically targeting the 'title' field and supplying it with a new title to update (forcing it to re-render).
However, when I queried the contents of the 'postObject' object AFTER it had been changed, its contents where the same as what it was BEFORE I made the change.
Here was my code at the bottom of the 'editPost' function;
setPostObject( {...postObject, title: newTitle}); //change the contents of the 'postObject'.
var myObj = JSON.stringify(postObject); // query the contents of the 'postObject' after it has changed.
alert("your new title is: " + myObj);

Where would I put my code to query the contents of the 'postObject' object after it has been changed?

[PanlasangMotour]

Noice .. Keep it up .. i wish you can make also upload profile and upload and view files <3

[FoxSeba]

Im running into issues where if I try to log in and submit any incorrect information, then the server crashes// I noticed this a few videos back but someone commented a fix// I had to remove their code in order to add onto this project and I was wondering if anyone has found a fix?

[joseluissequeiragongora]

are you going to deploy this application?

[alexandreanania]

Hi Pedro !
Thanks for this video ! For the last episode, it will be cool to see how to make post with images or youtube videos and upload a profile picture
Thanks again !
PS : The git repo is not updated

[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