English is my fourth language and I started learning programming in English and you are one of the few whose accent I understand well by ear. Thanks for the content.
Pedro , I started learning web development because of u , and I have won one national hackathon. So ,Thank u so much , please keep creating great content for us .
Because of youu I 've learned everything about Full Stack Javascript.BEfore i met your channel i only know about javascript but then i learn react,firebase, nodejs, expressjs ,mysql and mongo db from your channel.After finishing your teaching , i can do projects well on my own.I can think how to addd features.You are a legend bro.I will never forget you when i get my first job!!!!
I have learned so much from you and learned React mostly from you. I got a job last year just by learning through your lessons. What you teach is always what I really need. Thank you Pedro! 😁
@@bekiteshome4670 actually it depends on your company and your senior, as a junior dev i am mostly tasked to do some basic to quite challenging components and I mostly learn from my colleague's work and I always read their code, in that way you'll learn more. If you have a good manager or senior they will get your opinion for the project as well so you will feel involved (in that case, thats how they treated me). Don't worry, they won't give you the hardest task within the project because tasks are distributed regarding on your position, well that's how we do it in my company and this does not apply to every company out there. Hope you land a job soon, goodluck!
While following your tutorial I've encountered tons of bugs , but it has been a good learning experience trying to solve them. I was expecting to finish this project in 4-5 hours but it took me more than 10. I like the fact that you explain everything clear and would be even better if in some parts you could go a bit slower.
I think it's a good thing that it takes longer than expected because if you fly through a project it's pretty easy to forget a lot of the things you actually did.
Pedro, becoause of your react playlist I got confidence in myself for understanding concepts, now I feel much clear. Tommorow at 12:00 I have an interview for the frontend intern role.
@@zoranpujic3605 thank you everyone (UA-cam just notified me). Yes I got the Internship. My joining was on 1st of april it's been 1 month. Really the work is hell easy than those interview.
@@PedroTechnologies Hey Pedro, a few of us on here are struggling just at the 38:10 mark where you send the first POST from Insomnia and receive the username/password back... some of us still just get nulll. Do you have any idea what might cause that? I posted in the #backend channel on your discord too about it. Thanks, man.
Hey, I'm a coding bootcamp graduate and I just noticed a lot of things you could probably clean up to make this a little more user friendly and production ready. For instance a should be able to automatically log in and navigate to the homepage after registration. Some of your naming conventions are a little inconsistent as well. Also I would advise moving your main "index" server folder outside of your src folder so that it's easier to run both the client and server concurrently from the root. Also your repository seems to be missing bits and isn't fully functional. For instance I copied it down to a separate repo from what we did in the video and it seems the post routes aren't working and the homepage is missing the useCookies tools. There's also a ton of places where you declare variables but never use them. Maybe update that repo so it's easier to verify after the tutorial
well summed up.. also if anybody wants to build a professional node project, this is not how an authentication should be. to understand how node and react combo works togenther on a very very basic level, this might be a userfriendly project but in order to build a secure website, don't use this example!! learn middleware, error handling and multiple scenario based authentication..
Very good tutorial 👏 I think It would be great if for the next time you can create a design schema for the whole system you will build, showing web client, api endpoints, database, server and its relationship. I think that having an overview of everything before implementing would be great.
gotta hand it over to you, you kept that in mind that many of us are here only for learning how the functionality works not that we want a very good Ui.
Hi Pedro, one thing i find interesting is your english accent, very subtile.. Brazilian accent when the speakers knows how to pronounce things is very accurate for understanding. I remember my accent being exactly like yours. Today i live in Australia so because of that i shifted to the local accent, but still i often callback my original accent.
1:16:51 Two things : - The username and password fields are not required - And more importantly even if they are the user can fill in anything and still get redirected to homepage
Frontend Logic+Backend best practices and a huge knowlege. I regret why i saw this video so late. By the way your voice is so similar to stephane mareek, The most famous AWS Teacher
This is such a complex topic for me as a beginner with all the API testing and database management, but now it all makes perfect sense, thank you so much for explaining every step, it helps a lot (even though neither Insomnia nor Postman didn't work for me, Talend extension did the same job).
hello can you explain how you made it work . I'm stuck at the 37:51 timemark and for some reason all of my post requests return null . I don't know what might be the issue
I've been searching the web for hours/ days trying to figure out how to deploy my mern projects and couldn't find any good information or any in MERN stack. I will comment later to tell how it went
@PedroTechnologies Hi Pedro or anyone could help to provide a guide on how to 'edit' and 'delete' the recipe. if included Pagination & Search will be perfect.
22:09 Please mind removing the "" while putting the password 28:20 Please mind adding your IP under Network access tab from the home screen, or you can set it to connect from anywhere 01:17:00 Mine doesn't register the token on the local storage also I am unable to navigate to the Home page :/ the page stays at login /register only [ update : resolved this I was missing on a onsubmit call inside login function].
Happened to me too. But later I figured out that I misspell the word "access_token" which caused the page to stay at login/register instead of show logout button.
If you could do a video on deploying the backend on a hostinger vps, that would be wonderful! I've been trying to figure it out myself for almost 6 months to no avail.
Bro your content is really great, it helped me a lot to be honest. I have one request for you Would you please create a video on front-end developer interview? where you discuss about the average salary for fresher and how to get a job faster.
I actually find it more stimulating to finish the backend first because then i can debug with the least issues and validate the logic early on, befre wasting time in styling 1:08:17
For people having trouble with insomnia You have to send the same username and password which u have saved in ur collection coz its trying to find the username which matches the existing user
Is hostinger support MERN? specially MogoDB database? Like any cpanel doesn't support MongoDB. What about that? Like I want to use a hosting service for News channel so I need there a big storage so what is best choice for hosting?
Eu procurando conteudo em Ingles pra ver se finalmente achava Projetos descentes e me deparo com o melhor canal da gringa sendo de um Brasileiro kkkkkkkk mt bom
Thank you for the good job, very informative and didactic. I have a question : if a signed user don't logout "properly", and just close the app, aren't we supposed to handle some "onClose" stuff (to clean up localstorage) or the storage could be a "session storage" , instead ?... Thank you.
great video as always i feel like we need a next 13 tutorial i ve been looking around and most of info around is not with app directory would be a life saver if you can teach us
Hello our best teacher ☺️, but why did you work with the previous way for react-router-dom library?? I really wanted to see it because honestly I didn't understand from the previous lesson where to put the navbar🥺
For people having trouble with getting error back, when you get error send a 400 request. also send an alert like this to get the message alert(error.response.data.message)
I am half way through the video, I have a question about the difference between the "savedRecipes/ids" route and the "/savedRecipes", why do we have two, they seem to create the same thing
can you help me out here Pedro I have been watching your video tried different projects but got stuck at the same error it said AxiosError, request failed with status code 400
Hey Pedro , I made this project and I learned a lot Some of the bugs i faced : 1. If we enter a wrong password/username while logging in , it doesn't render UI on home page but it is printing array of Recipes in console , that mean it still logged in , how can we add Check for password or username so that don't happen
Great video pedro it was a complete package of mern. Just a single query, just like we authenticated our backend how can we do the same in frontend for each and every page. I mean if a user is not logged in he should be redirected to login page when the user tries to surf those authenticated pages/components
I take this tutorial, but so unfortunately the create recipes page couldn't submit data to the database and the route is perfectly working when I used Postman also the saved recipes page doesn't fetch data
quick question for pedro or anyone else who can answer it; I see we set up in the back end a check to see if username is already taken, I am trying to do it on the front end but it wont let me, just keeps giving the alert that account was made successfully, any tips?
Deploy your application RIGHT NOW with Hostinger!: hostinger.com/pedrotech (get 10% off with code PEDROTECH)
please make fiverr clone (all functionality) using MERN... Pls
or upwork clone
Can u use free hosting?
you teach great and simply. i learn many more of this video. thank you.
English is my fourth language and I started learning programming in English and you are one of the few whose accent I understand well by ear. Thanks for the content.
Best of luck 🤞
Try net ninja , his accent is great as well
Very true for me ☺️
Səlam gardaşım 😅
Pedro , I started learning web development because of u , and I have won one national hackathon.
So ,Thank u so much , please keep creating great content for us .
Because of youu I 've learned everything about Full Stack Javascript.BEfore i met your channel i only know about javascript but then i learn react,firebase, nodejs, expressjs ,mysql and mongo db from your channel.After finishing your teaching , i can do projects well on my own.I can think how to addd features.You are a legend bro.I will never forget you when i get my first job!!!!
I have learned so much from you and learned React mostly from you. I got a job last year just by learning through your lessons. What you teach is always what I really need. Thank you Pedro! 😁
is it hard doing a job as a web developer? I'm ready to land in job but I'm afraid it will be hard,
@@bekiteshome4670 actually it depends on your company and your senior, as a junior dev i am mostly tasked to do some basic to quite challenging components and I mostly learn from my colleague's work and I always read their code, in that way you'll learn more. If you have a good manager or senior they will get your opinion for the project as well so you will feel involved (in that case, thats how they treated me).
Don't worry, they won't give you the hardest task within the project because tasks are distributed regarding on your position, well that's how we do it in my company and this does not apply to every company out there. Hope you land a job soon, goodluck!
@@jaia466 Thank you very much for the explanation. I feel a bit better hoping that I will have a manager or senior like yours.
Can you share with me working code, because I am stuck at saveRecipe function?😓
hello how can i send u a dm i just want to ask something .... thankss
While following your tutorial I've encountered tons of bugs , but it has been a good learning experience trying to solve them.
I was expecting to finish this project in 4-5 hours but it took me more than 10.
I like the fact that you explain everything clear and would be even better if in some parts you could go a bit slower.
Exactly, I experienced the same
I think it's a good thing that it takes longer than expected because if you fly through a project it's pretty easy to forget a lot of the things you actually did.
Pedro, becoause of your react playlist I got confidence in myself for understanding concepts, now I feel much clear. Tommorow at 12:00 I have an interview for the frontend intern role.
Good luck man
good luck brother
good luck brother, you got this
Did you get a job?
@@zoranpujic3605 thank you everyone (UA-cam just notified me). Yes I got the Internship. My joining was on 1st of april it's been 1 month. Really the work is hell easy than those interview.
THESE ARE WHAT WE WANT, if you can add the image uploads in another video that would be great, its just used a lot with the MERN stack.
Yess i can for sure make a project where i can upload images :)
Can you share with me working code, because I am stuck at saveRecipe function?😓
@@PedroTechnologies Hey Pedro, a few of us on here are struggling just at the 38:10 mark where you send the first POST from Insomnia and receive the username/password back... some of us still just get nulll. Do you have any idea what might cause that? I posted in the #backend channel on your discord too about it. Thanks, man.
This is the kinda projects we look for. Thank you Pedro
Hey, I'm a coding bootcamp graduate and I just noticed a lot of things you could probably clean up to make this a little more user friendly and production ready. For instance a should be able to automatically log in and navigate to the homepage after registration. Some of your naming conventions are a little inconsistent as well. Also I would advise moving your main "index" server folder outside of your src folder so that it's easier to run both the client and server concurrently from the root. Also your repository seems to be missing bits and isn't fully functional. For instance I copied it down to a separate repo from what we did in the video and it seems the post routes aren't working and the homepage is missing the useCookies tools. There's also a ton of places where you declare variables but never use them. Maybe update that repo so it's easier to verify after the tutorial
well summed up.. also if anybody wants to build a professional node project, this is not how an authentication should be. to understand how node and react combo works togenther on a very very basic level, this might be a userfriendly project but in order to build a secure website, don't use this example!! learn middleware, error handling and multiple scenario based authentication..
Hey Pedro, thank you for the tutorials. The way you explain things is very intuitive. Yes, please show us how to deploy the backend! thanks again
The best tutorial I've seen! Thank you for explaining soo thoroughly and not using any sponsored stack. You're amazing!!
Very good tutorial 👏 I think It would be great if for the next time you can create a design schema for the whole system you will build, showing web client, api endpoints, database, server and its relationship.
I think that having an overview of everything before implementing would be great.
Allways happy to see another tutorial of this chanel... you are a realy good Master, thanks...
Thank you very much!
gotta hand it over to you, you kept that in mind that many of us are here only for learning how the functionality works not that we want a very good Ui.
Tbh, I watched three of your videos at certain times (when the need arose), and I always got the right solution straight to the point. Thanks, Pedro!
Thank you very much for this tutorial , it was very much needed for me as a beginner . It is short and builds foundation for making bigger project.
You are amazing, Please make more tutorial like this one. in two and half hour you showed so many things!!! That's really incredible
Hi Pedro, one thing i find interesting is your english accent, very subtile.. Brazilian accent when the speakers knows how to pronounce things is very accurate for understanding. I remember my accent being exactly like yours. Today i live in Australia so because of that i shifted to the local accent, but still i often callback my original accent.
1:16:51 Two things :
- The username and password fields are not required
- And more importantly even if they are the user can fill in anything and still get redirected to homepage
having the same problem
Thank you Pedro! I can't wait to go through this tomorrow. Just what I needed!
Can you share with me working code, because I am stuck at saveRecipe function?😓
More videos like this Pedro !!! Simple project ideas like this that highlights MERN functionalities
Fully Finished
Really needed this video right now! Thanks Pedro!
Thank you Pedro for this tutorial. I'll be so grateful if you will make mern tutorial on filtering and sorting data
Frontend Logic+Backend best practices and a huge knowlege. I regret why i saw this video so late. By the way your voice is so similar to stephane mareek, The most famous AWS Teacher
hey man, was it easy to follow this tutorial, how long did it take you?
This is such a complex topic for me as a beginner with all the API testing and database management, but now it all makes perfect sense, thank you so much for explaining every step, it helps a lot (even though neither Insomnia nor Postman didn't work for me, Talend extension did the same job).
hello can you explain how you made it work . I'm stuck at the 37:51 timemark and for some reason all of my post requests return null . I don't know what might be the issue
@@AguOkeydid you use express.json()?
Is your database connection showing
I've been searching the web for hours/ days trying to figure out how to deploy my mern projects and couldn't find any good information or any in MERN stack. I will comment later to tell how it went
Amazing tutorial Pedro! You can also change the timestamp title of Setting Up & Using MongoDB Compass to include Setting Up Backend Auth Logic as well
@PedroTechnologies Hi Pedro or anyone could help to provide a guide on how to 'edit' and 'delete' the recipe. if included Pagination & Search will be perfect.
Hey Pedro, thank you for dropping this epic tutorial 🙌 just curious, is there a reason why you used create-react-app instead of something like Vite?
22:09 Please mind removing the "" while putting the password
28:20 Please mind adding your IP under Network access tab from the home screen, or you can set it to connect from anywhere
01:17:00 Mine doesn't register the token on the local storage also I am unable to navigate to the Home page :/ the page stays at login /register only [ update : resolved this I was missing on a onsubmit call inside login function].
Happened to me too. But later I figured out that I misspell the word "access_token" which caused the page to stay at login/register instead of show logout button.
First of all great video I really like this format
How to add delete and update functionality?
thankyou for the effort, simple explanation and very beginner friendly
If you could do a video on deploying the backend on a hostinger vps, that would be wonderful! I've been trying to figure it out myself for almost 6 months to no avail.
Yes for sure!
@@PedroTechnologies❤❤❤❤ I can't wait to see the video for the backend deployment on hostinger
Amazing tutorial. You've won a subscriber. Keep up with the good work.
Bro your content is really great, it helped me a lot to be honest. I have one request for you
Would you please create a video on front-end developer interview? where you discuss about the average salary for fresher and how to get a job faster.
Thankyou bro ! this is really Amazing to understand the Concept very clearly
Pedro , can you adjust the video resolution .
You are the best one who simplify react js to mm
please add search filter functionality it will be so useful. thanks
Thanks Pedro. Please make a video on how to deploy the backend as well
did he teach connecting both frontend and backend
great video please upload a second part showing how you deploy your backend
wow man your style in education is amazing😍
I am getting recipeID and userID as null
I actually find it more stimulating to finish the backend first because then i can debug with the least issues and validate the logic early on, befre wasting time in styling
1:08:17
Hey, Pedro. Thank you for all your great tutorials! Can you show how to setup Mongodb without using Atlas?
For people having trouble with insomnia
You have to send the same username and password which u have saved in ur collection
coz its trying to find the username which matches the existing user
hey man, was it easy to follow this tutorial, how long did it take you?
Add responsiveness it will be so helpful for us
You should learn styling/css first before creating mern stack
love all your videos and tutorial. Thank you 😊
Is hostinger support MERN? specially MogoDB database? Like any cpanel doesn't support MongoDB. What about that? Like I want to use a hosting service for News channel so I need there a big storage so what is best choice for hosting?
Database is hosted on mongodb atlas. In the video i just deployed the frontend to hostinger!
Eu procurando conteudo em Ingles pra ver se finalmente achava Projetos descentes e me deparo com o melhor canal da gringa sendo de um Brasileiro kkkkkkkk mt bom
Hi Pedro, I hope we can have a tutorial with similar MERN stack project but with the implementation on both access token and refresh token.
Thank you for this video! I would like to see a backend (database) deployed? Not sure if this already exists
Thank you for the good job, very informative and didactic.
I have a question : if a signed user don't logout "properly", and just close the app, aren't we supposed to handle some "onClose" stuff (to clean up localstorage) or the storage could be a "session storage" , instead ?...
Thank you.
Super nice video thank you for sharing.. Import Cost extension added.
31:08 when you added those line in 15 & 16, am i missing something?
great video as always i feel like we need a next 13 tutorial i ve been looking around and most of info around is not with app directory would be a life saver if you can teach us
good tutorial but omg back end so confusing
Sorry about that!
First of all thanks for ur nice explanation and tutorial and i am so badly waiting for uploading backed-in hostinger plezzzzz make a video
Could you tell me plz when user is not login condition , how to handle the save-button from home page.
Nice video, can you tell how to show paths in terminal just in yours?
Building website is one of my favourite not untill I started mining and trading and earning huge ❤️....
Nice video mate!
Hello our best teacher ☺️, but why did you work with the previous way for react-router-dom library??
I really wanted to see it because honestly I didn't understand from the previous lesson where to put the navbar🥺
We would love to see the deployment of backend too, thanks
Thank you! Thank you! YOu explained how to use mongo db website I was doing this so wrong. But, I have it down now and I was able to connect!
Your always amazing pedro content is very clear and well explained ❤❤ since day 1 ❤
Is there a reason you do export {router as userRouter} instead of just initially naming the variable userRouter?
For people having trouble with getting error back, when you get error send a 400 request. also send an alert like this to get the message alert(error.response.data.message)
Can you share with me working code, because I am stuck at saveRecipe function?😓
Ingredients must be shown at home page for each recipe
Pedroooooooo, you are the man! 💪🏾💪🏾😂
Kiitos paljon!
Thank you very much for your MERN tutorial...
I am half way through the video, I have a question about the difference between the "savedRecipes/ids" route and the "/savedRecipes", why do we have two, they seem to create the same thing
hii @pedro i just don't get any username or password while run Insomnia it return null i don't know why it do that
I'm getting the same issue.... can you reply to me if you figured it out?
I'm sorry but i have a question, did you buy a "web hosting", "vps" or "cloud hosting"? i don't really understand the diferences
Bro do node Express Mongo tutorial
Can you make a Next 13, MongoDB and NextAuth authentification tutorial please? Love your content. 🔥
can you help me out here Pedro
I have been watching your video
tried different projects
but got stuck at the same error
it said AxiosError, request failed with status code 400
what is exact error?
Hey Pedro , I made this project and I learned a lot
Some of the bugs i faced :
1. If we enter a wrong password/username while logging in , it doesn't render UI on home page but it is printing array of Recipes in console , that mean it still logged in , how can we add Check for password or username so that don't happen
Can you share with me working code, because I am stuck at saveRecipe function?😓
please share your code , i am stuck
This is really amazing tutorial thank you very much
good work appriciate it
Great video pedro it was a complete package of mern. Just a single query, just like we authenticated our backend how can we do the same in frontend for each and every page. I mean if a user is not logged in he should be redirected to login page when the user tries to surf those authenticated pages/components
Pedo my younger brother, you are rockstar!!
Damnnn, that's really what I was looking for
You can unhash bro. Love you pedro. Your course is great .
I take this tutorial, but so unfortunately the create recipes page couldn't submit data to the database and the route is perfectly working when I used Postman also the saved recipes page doesn't fetch data
Please provide the source code. I have a frontend interview soon. Thanks
Thank you very much! learned alot!
Can you please do a tutorial on e-commerce application using MERN stack, thanks
Thank you bro You can write cloud-disk i wanna learning how work with file and how upload files thank you bro
Can you show us how to deploy this project in vercel.
Thanks, what a helpful project tutorial
how are you getting suggestion of the packages you r installing in the terminal.
hey pedro in insomina it says Cannot POST /auth/register can you help fix this
for me please
same error, insomnia SSL coonect error.
quick question for pedro or anyone else who can answer it; I see we set up in the back end a check to see if username is already taken, I am trying to do it on the front end but it wont let me, just keeps giving the alert that account was made successfully, any tips?
Thank you 🤩🤩 This project greatly
is there an alternative for deploying backend(Node js) rather then using VPS hosting
is the hook that was made at 2:00:01 is called as custom hook
This is amazing! Thank you
Please make a video with typescript in mern.