So many times I write the same message. This channel is really awesome with respect to beginner-level perspective. Authentication in roughly 1 hour is insane. There was no area in the video where I felt that it's going over my head. Best Teaching :)
Hey Brother! Instead of uploading the pics to the cloud, you can use the "multer" package for uploading the files to the server. so we don't need third-party cloud services. what do you think? any correction to this comment? it's worth seeing your words on this.
Yes, I am aware of multer. But heroku doesn't allow you to host images with multer. For this you will have to host on aws, azure etc, which will be bit advance for a beginner. That's why I decided to cloudinary service.
if anyone is facing difficulties even when their code with matching, just close all your apps, and try again after some time. Works wonders sometimes Also, always use the same email and password for testing which is hashed
absolutley insanely good course! if anyone is stuck because they are using react-router-dom v 6 and getting a problem with history, you can use useNavigate to work around. let me know if useful to post the code!
@boyden11 Could you please post the code with the changes incorporated for react-router-dom v 6 especially for that navigate part? It will be really beneficial for many.
I have been following your videos from video 1 onwards can you explain me the folder structure why you have Screens and Components separately I'm confused Screens folder also container Components which are part of the same so why different folder?. And if possible please explain whole folder/ file structure
I am @43:12 in the post method I am not specifying the config i.e. the 3rd parameter in axios.post but I am getting the response from the backend without errors. Is config not mandatory? try{ setLoading(true);
I haven't get how the database users collection has been created... I've never seen a noSQL database so I'm confused. By seeing the mongodb panel I understood there are no table but collections, looks cool!, but how do we create them?
I don't know how the documents are inserted :) I am not getting clarity on this We are inserting the user id password email etc... without the collection.insert command how the values are inserted as documents in a collection called users. I haven't watched full the video yet. Everything is working fine up to now (23.00) . just needed clarity on this.
Hi! Amazing videos! You are great! I have a question, I have to build an application to render questions and answers, as a kind of Quiz App. Do you have any videos including authentication and something similar?
Can anyone help me with this problem please... I get this Error in the log = "Cannot read properties of undefined (reading 'push')" When i use the useEffect for etting the item from LocalStorage and pushing to /mynotes and i checked many times Nothing is wrong with my code.
But localStorage is vulnerabke though it is obvious that everything on the internet is. But we should use res.cookie to store the jwt token inside cookie and when we are requesting through some other routes where it is mandatory to authenticate the user there we can check if req.cookies is defined or not and one more thing we need to pass one header that is credential: 'include' for fetch and for axios withCredentials: true.. Httponly cookies re not accessible by the frontend js there it decreases the chances of scripting attack like xss
@@RoadsideCoder ِAlready did :) I forced 16 students to watch your video :D its a bit out of our league but we used what we could understand, we are coding in a slightly different way " not the class way " sorry i am still learning and I am not good at expressing code into words :P
here , we are creating jwt token both at the register as well as the login time but my doubt is do we need to compare the token generated at the login time with the token generated at the register time ....to identify the user....if that is supposed to happen where is it happening. because what i am seeing here is that while loging in we are just checking the email and email exists in database the we are using compare of mongoose to verify the user......hence I am confused what's the use of JWT token here .....i think we are simply generating them both the time.....if i am saying anything incorrect please correct me and help me to resolve my doubt.
Hi! At 27:53, my response keeps telling me "Invalid email or password". The matchPassword is not working for some reason. When I console.log the matchPassword logic in both the userController and UserModel, both show the result false - which means the password is not matching? But the data entered matches the data from my database exactly. And when I console.log(user) in userController I get the correct user information showing up, so something in the matchPassword logic is not working. I checked my syntax many times, it matches exactly yours. Do you have any advice on what is going on here? Based on my own google searches, I think it might be a pending promise issue that requires a .then, but I am not sure how to incorporate this
@@RoadsideCoder Thanks for the quick response! Double-checked and I have my await everywhere. something in the Controller for the bcrypt.compare function is not working. I can see both passwords are being read correctly, but the comparison keeps returning false I just did a bit more debugging and noticed in the bcrypt.compare function, my enteredPassword is being returned as a string, but my this.password(from the database) is being returned as undefined. Not sure how to fix this.
I have a question I managed to display email and password after registering(In order to make facility to yuser doesnt write the same again) email was displayed correctly but i have issue with password . i cant decrypt it .It shows with encrypt version(hash version) How should i decrypt it with react ?
Please i have an issue... At the login page while trying to connect it with the database it was given me a "Not Found" error in the browser console but it worked well in postman. I have look through the codes and gone through the video but I don't know where I missed it. Thanks for the Video, It's really been awesome
@@RoadsideCoder It's not a specific line, it's the function the sends the data from the form inputs to the MongoDB database through submitHandler. It sends the data to /api/users or /api/users/login, but it returns not found (404) error, both in RegisterScreen and LoginScreen.
@@animeshchaturvedi943 I don't remember, sorry. But it sounds like it's a problem with setting a proxy in that package.json (on the client's side). Try putting "proxy":"localhost:5000" in there, it should help. If it's a problem with CORS, then put the below code into the server.js (or whatever file that you run the server from): var corsOptions = { origin: 'localhost:3000', optionsSuccessStatus: 200, // For legacy browser support methods: "GET, PUT, POST" } app.use(cors(corsOptions));
49:18 you are adding history as a props on the LoginScreen function, can you tell me what is it??, because on your App.js file you don't parse anything there
History helps us to explicitly push our app to any other route. When we wrap our app in BrowserRouter this is sent automatically. Eg - history.push('/home')
this session is a bit too fast pace for me, was i'm a very basic beginner, Is it possible you may break down this session into several small ones, like "Module": why need to create Module, "Controllers": whats the purpose of Controllers... thanks
It is the part of MVC architecture , where code is broken into different folders or structures like schema is usually placed in model folder , in controller part you can have functions which execute get put post delete etc and in routes , you can have different api end points like this .
Sir should we send data from login screen in frontend to backend where we have created our login api by fetch method rather than getting data from backend with axios..."""??
Please I am facing a challenge updating the user on mongodb. I keep get the error ValidationError: User validation failed: name: Path `name` is required. Please can anyone help me with this
my users are being registered with all the right information and encryption that goes into mongodb, however I am not getting a console confirmation, I was wondering where this clog should be?
Bro I just want to ask for one thing, please mention the docs or from wherever you add those functions, procedures or methods because it helps us to look into those and understand them better. Otherwise it is just copy pasting I hope u will look into that....
@@RoadsideCoder yeah backend first of all like auth or like comapre pass I know they are available on docs but sometimes it becomes hard to find and as for react code the connection part too. But still brother Kudos for the hardwork.....
Yeah man, I try to go through docs only.. And just try these things for yourself, these are the only way to do this.. I just explain it once for you all to grasp clearly
Q1 How to deploy on free cloud / host for testing. Q2. How can admin upload files so that users can access them . Rest your teaching is valuable Thanku
hey bro I need help when using the postman link to add {name,email,password,pic} on res.json its not returning me the value that I've entered on the output its showing {}
you are teaching good , but we cannot called it "from scratch" because the beginner cannot understand this fast paced learning , this tutorial is good for those who have an intermediate or atleast basic understanding of these technologies. otherwise the tutorial is really helpful.
I don't know, I'm a node beginner and this was really helpful getting started. Then again different strokes for different folks. Thank you Roadside Coder!
TypeError: Cannot read properties of undefined (reading 'data') at submitHandler if anyone else is getting this error while registering a new user 57 : 30
For anyone facing error using history with react-router-dom v6 use the code snippet below. Make sure to make proper imports of useNavigate. const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [error, setError] = useState(false); const [loading, setLoading] = useState(false); let navigate = useNavigate(); useEffect(() => { const userInfo = localStorage.getItem("userInfo"); if (userInfo) { navigate("/mynotes"); } }, []);
@ RoadsideCoder hello brother , we set the jwt in localstorage but how do we verify the token and then redirect to notes page ? i mean we set the token and then what do we do with it after providing email and password in login we see that in localstorage jwt is set but how to we verify it ? also you commented the useffect where you parse data from localstortage and the put a check on if(userInfo) but then u commented it also you put a check on the userinfo u didnt verified the jwt.. so how does this work? imk confused plz help thanks
So for the homepage on my project I want to retrieve data from all users however the way the back end is setup i'm not able too because of this token(jwt) it only gets generated when a user signs in but I want to display data on the homepage without any signing in or registering basically want to get all user data without a token.....ugh. Like how you can still see youtube videos without being signed in but you can still see youtube videos from users. So on my homepage, I want to display certain userData from all users without the need of me having a dam token.
@@RoadsideCoder Please make a video on this because if I removed the middle ware then the login authentication would break. I also decided to just delete my whole back end and start from scratch. Do you have a similar tutorial but without integrating jwt?
Hello Sir, at 05:35 min in the video the res.json( ) was not retuning anything in POSTMAN, so I try this code :- const registerUser = async (req, res) => { try { const { name, email, password, pic } = req.body; await res.send({ name, email, }); } catch (e) { console.log(e); } }; Now got response. just sharing my Experience.
Yes, in that case you can call the post function after clicking submit.. And not after onChange. Reach out to me on instagram @RoadsideCoder if you have any further doubts
I am getting the error 404 not found while I am trying to send the data by post request from my front end. It works fine while I do with post man, but when I send from frontend , It shows this error
Is there a way to reset a password for a user? By editing the password in MongoDB? I am not sure because the password is encrypted. Any help would be appreciated.
@@RoadsideCoder Did the same, getting this error, texted you with complete error and code in Instagram. Please check sir. Thank you for ur contents and ur quick response.
const statusCode = res.statusCode === 200 ? 500 : res.statusCode; can someone pls explain this line im not getting y r we changing the status code to 500 when it is 200(success) if it is a success(200) y does it even trigger the errorHandler()
sir in this same code how i will check the user if its already exist in our database with same email and we have to show the error I am stuck in this for hours can any one help
@@RoadsideCoder, yes but I didn't see you where you did pass it in, I only saw when you destructured it as loginScreen props(didn't see const history = useHistory() part)
@@RoadsideCoder, yeah I know, and upon visiting your repo, I saw same issue in several place. But I just created const history out of useHistory hook just so I can procees with your wonderful tutorial series Thanks for your quick reply though, its 2100hr(9pm) I don't know what's the time at your geolocation
hi sir i want to thank you for this video . i faced a problem when i want to try the login (in the minute 44.50) i found an error in the console [HTTP/1.1 404 Not Found 0ms]
Hi @roadsidecoder bro am getting this error {"message":"Not Found - /","stack":"Error: Not Found - / at notFound (C:\\Users\\user\\Desktop\\mt1\\backend\\middlewares\\errorMiddleware.js:2:17) at Layer.handle [as handle_request] When I tried opening the backend port it is not working
hai bro am still facing the issue I tried adding the history("/mynotes") code right under the setLoading(false); and its redirecting me to the mynotes page but its not under the useEffect can you please help me?
@@manoharchimata19 Hi bro I checked with piyush bro(@RoadsideCoder) he said we need to install this particular version of react-router-dom npm I react-router-dom@5.2.0 as in the new version of react-router-dom v6 the useHistory has been replaced with useNavigate and so we can't use history.push()
I'm getting error in postman "connect ECONNREFUSED 127.0.0.1:5000" and if I comment out mongodb(); function in server.js then it works... why...can you please help me out?
@@RoadsideCoder compared brother...my code is same as your code....after connecting to mongodb i am getting "MongoDB connected" but then this problem occurs :-(
So many times I write the same message. This channel is really awesome with respect to beginner-level perspective. Authentication in roughly 1 hour is insane. There was no area in the video where I felt that it's going over my head. Best Teaching :)
Awesome dude, Glad I could help 🔥
That was really good, but be carful guys not to copy any code from the repo in the description cause its different from the code in the video
This helped me a lot. Great job. Looking forward to the rest of the series
Glad to hear it!
if anyone is getting problem in register frontend page
change Form.File to Form.Control and inside it change type = "image/png" to type = "file"
Thanks i was struggling with this for soo long
Hi have u completed the whole project @@harshyadav5253
A very authentic, simple and genuine way of explaining
🙏🙏
Hey Brother!
Instead of uploading the pics to the cloud, you can use the "multer" package for uploading the files to the server. so we don't need third-party cloud services. what do you think? any correction to this comment? it's worth seeing your words on this.
Yes, I am aware of multer. But heroku doesn't allow you to host images with multer. For this you will have to host on aws, azure etc, which will be bit advance for a beginner. That's why I decided to cloudinary service.
@@RoadsideCoder ohh okay got it.
Hi,
i can not find the api base url in cloudinary dashboard can u please help me
We can add setLoading(false) in finally block
well, enjoying your video.. One of the best Tutor and Series. Thanks bro
if anyone is facing difficulties even when their code with matching, just close all your apps, and try again after some time. Works wonders sometimes
Also, always use the same email and password for testing which is hashed
this guy's opening speech is funny and important, keep up bro.
absolutley insanely good course! if anyone is stuck because they are using react-router-dom v 6 and getting a problem with history, you can use useNavigate to work around. let me know if useful to post the code!
@boyden11 Could you please post the code with the changes incorporated for react-router-dom v 6 especially for that navigate part? It will be really beneficial for many.
I have been following your videos from video 1 onwards can you explain me the folder structure why you have Screens and Components separately I'm confused Screens folder also container Components which are part of the same so why different folder?. And if possible please explain whole folder/ file structure
Took 3 days to complete and finally completed
I am @43:12 in the post method I am not specifying the config i.e. the 3rd parameter in axios.post but I am getting the response from the backend without errors. Is config not mandatory?
try{
setLoading(true);
const { data } = await axios.post('/users/login',{
email,
password,
});
console.log(data);
}
catch(error){
console.error(error);
}
What response are you getting?
@@RoadsideCoder Getting the data as an output in the console
I learnt a lot from you piyush. Such a great way of teaching. Thanks a lot for this video.
Crystal clear, thank you so much!
I haven't get how the database users collection has been created... I've never seen a noSQL database so I'm confused. By seeing the mongodb panel I understood there are no table but collections, looks cool!, but how do we create them?
I don't know how the documents are inserted :) I am not getting clarity on this We are inserting the user id password email etc... without the collection.insert command how the values are inserted as documents in a collection called users. I haven't watched full the video yet. Everything is working fine up to now (23.00) . just needed clarity on this.
Its because we are using mongoose for it
U are officially my teacher😘.
Thanks dude🙏
Best, no need to explain how good this man is...helped a lot
Hi! Amazing videos! You are great! I have a question, I have to build an application to render questions and answers, as a kind of Quiz App. Do you have any videos including authentication and something similar?
You can combine this video and my quiz app video, I believe that will help
I can understand passing jwt in sign in route.
Hi bro what is the idea of passing jwt in sign-up response ?
Can anyone help me with this problem please...
I get this Error in the log = "Cannot read properties of undefined (reading 'push')" When i use the useEffect for etting the item from LocalStorage and pushing to /mynotes and i checked many times Nothing is wrong with my code.
facing same problem, please reply if you solve the problem
import { useNavigate } from "react-router-dom";
const navigate = useNavigate();
useEffect(() => {
const userInfo = localStorage.getItem("userInfo");
if (userInfo) {
navigate("/my-notes");
}
}, [history]);
But localStorage is vulnerabke though it is obvious that everything on the internet is. But we should use res.cookie to store the jwt token inside cookie and when we are requesting through some other routes where it is mandatory to authenticate the user there we can check if req.cookies is defined or not and one more thing we need to pass one header that is credential: 'include' for fetch and for axios withCredentials: true.. Httponly cookies re not accessible by the frontend js there it decreases the chances of scripting attack like xss
You honestly deserve more subs.. this tutorial was amazing!
Thanks so much ❤️ Please do share with others who need it!
@@RoadsideCoder ِAlready did :)
I forced 16 students to watch your video :D its a bit out of our league but we used what we could understand, we are coding in a slightly different way " not the class way " sorry i am still learning and I am not good at expressing code into words :P
@@RoadsideCoder You should try making a login video the same way, with token and stuff, I will be looking forward to it.
Awesome 😁🔥 I'll surely make a better version of this with more features.
Well just subed today; hoping to grasp this mern full stack.
Greetings from Tanzania 🇹🇿
Awesome, glad to have you as my subscriber 🙏
Jesus, that's the video i needed. Thanks man!
here , we are creating jwt token both at the register as well as the login time but my doubt is do we need to compare the token generated at the login time with the token generated at the register time ....to identify the user....if that is supposed to happen where is it happening.
because what i am seeing here is that while loging in we are just checking the email and email exists in database the we are using compare of mongoose to verify the user......hence I am confused what's the use of JWT token here .....i think we are simply generating them both the time.....if i am saying anything incorrect please correct me and help me to resolve my doubt.
what is the use of JWT which we created here ?
Great tutorial! However, the heroku link shows an "Application Error".
where did you get your "JWT_SECRET"
Hi! At 27:53, my response keeps telling me "Invalid email or password". The matchPassword is not working for some reason. When I console.log the matchPassword logic in both the userController and UserModel, both show the result false - which means the password is not matching? But the data entered matches the data from my database exactly.
And when I console.log(user) in userController I get the correct user information showing up, so something in the matchPassword logic is not working.
I checked my syntax many times, it matches exactly yours. Do you have any advice on what is going on here?
Based on my own google searches, I think it might be a pending promise issue that requires a .then, but I am not sure how to incorporate this
Maybe await is missing somewhere? Try to check
@@RoadsideCoder Thanks for the quick response! Double-checked and I have my await everywhere. something in the Controller for the bcrypt.compare function is not working. I can see both passwords are being read correctly, but the comparison keeps returning false
I just did a bit more debugging and noticed in the bcrypt.compare function, my enteredPassword is being returned as a string, but my this.password(from the database) is being returned as undefined. Not sure how to fix this.
Send me the screenshot oninstagram @RoadsideCoder
I have a question
I managed to display email and password after registering(In order to make facility to yuser doesnt write the same again)
email was displayed correctly but i have issue with password . i cant decrypt it .It shows with encrypt version(hash version)
How should i decrypt it with react ?
Great explanation
Please i have an issue...
At the login page while trying to connect it with the database it was given me a "Not Found" error in the browser console but it worked well in postman. I have look through the codes and gone through the video but I don't know where I missed it.
Thanks for the Video, It's really been awesome
Which line gives not found error?
@@RoadsideCoder It's not a specific line, it's the function the sends the data from the form inputs to the MongoDB database through submitHandler. It sends the data to /api/users or /api/users/login, but it returns not found (404) error, both in RegisterScreen and LoginScreen.
@@tomasburian6550 same
@@tomasburian6550 can you tell how yu resolved it
@@animeshchaturvedi943 I don't remember, sorry. But it sounds like it's a problem with setting a proxy in that package.json (on the client's side). Try putting "proxy":"localhost:5000" in there, it should help. If it's a problem with CORS, then put the below code into the server.js (or whatever file that you run the server from):
var corsOptions = {
origin: 'localhost:3000',
optionsSuccessStatus: 200, // For legacy browser support
methods: "GET, PUT, POST"
}
app.use(cors(corsOptions));
Please add role management in this, it will be very helpfull
49:18 you are adding history as a props on the LoginScreen function, can you tell me what is it??, because on your App.js file you don't parse anything there
History helps us to explicitly push our app to any other route. When we wrap our app in BrowserRouter this is sent automatically.
Eg -
history.push('/home')
@@RoadsideCoder thanks
I want to some data to a particular user. Can I achieve that functionality by following this video ?
Someone help please
this session is a bit too fast pace for me, was i'm a very basic beginner,
Is it possible you may break down this session into several small ones, like "Module": why need to create Module, "Controllers": whats the purpose of Controllers...
thanks
It is the part of MVC architecture , where code is broken into different folders or structures like schema is usually placed in model folder , in controller part you can have functions which execute get put post delete etc and in routes , you can have different api end points like this .
Sir should we send data from login screen in frontend to backend where we have created our login api by fetch method rather than getting data from backend with axios..."""??
Yeah u can use fetch method as well
@@RoadsideCoder thanks Sir😊
Please I am facing a challenge updating the user on mongodb. I keep get the error ValidationError: User validation failed: name: Path `name` is required. Please can anyone help me with this
underrated video in context of mern authentication, keep posting dude
my users are being registered with all the right information and encryption that goes into mongodb, however I am not getting a console confirmation, I was wondering where this clog should be?
49:50
userinfo is not defined because { you declared it inside this function }, [ and cant be reach by here]
Great tutorial brother... Cleared lot of stuff for me.... Keep it up...
Glad it helped u
Bro I just want to ask for one thing, please mention the docs or from wherever you add those functions, procedures or methods because it helps us to look into those and understand them better. Otherwise it is just copy pasting I hope u will look into that....
U mean the react code or the backend code in express js?
@@RoadsideCoder yeah backend first of all like auth or like comapre pass I know they are available on docs but sometimes it becomes hard to find and as for react code the connection part too. But still brother Kudos for the hardwork.....
Yeah man, I try to go through docs only.. And just try these things for yourself, these are the only way to do this.. I just explain it once for you all to grasp clearly
@@RoadsideCoder ya i know dude i am not saying to explain or anything just mention them either in description or in the video
Got it 🤘
Q1 How to deploy on free cloud / host for testing. Q2. How can admin upload files so that users can access them . Rest your teaching is valuable Thanku
Please make a video on jwt authentication with interceptors and user role base protected routing
Using many useState's causes many rerenders and not efficient way, we can use useRef or object instead
hey bro I need help when using the postman link to add {name,email,password,pic} on res.json its not returning me the value that I've entered
on the output its showing {}
Thanks brother you saved❤️
😁🙏
you are teaching good , but we cannot called it "from scratch" because the beginner cannot understand this fast paced learning , this tutorial is good for those who have an intermediate or atleast basic understanding of these technologies. otherwise the tutorial is really helpful.
I have mentioned it in the beginning that this video is a part of a series 😄. Have you watched previous videos?
Yeah I am talking about the whole series , your videos are awesome 👌🏻 no doubt , just saying that it’s not for absolute beginners.
Umm.. Ok, Thanks Shafaq, will try to improve.
I don't know, I'm a node beginner and this was really helpful getting started. Then again different strokes for different folks. Thank you Roadside Coder!
TypeError: Cannot read properties of undefined (reading 'data')
at submitHandler if anyone else is getting this error while registering a new user 57 : 30
how did u resolve???
thank you sir . very helpful video and very good explanation with shortcut tips.
but sir I have one dought on Mainscreen function.
Yes what's the doubt?
I did not get where the token auth was, everything else was a blast!
Try to rewatch, you'll get it!
Do u provide online classes?
Yes, please contact me on instagram @RoadsideCoder
I am getting proxy error on submitting the login form can anyone help me with this error
What's the exact error?
For anyone facing error using history with react-router-dom v6 use the code snippet below. Make sure to make proper imports of useNavigate.
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [error, setError] = useState(false);
const [loading, setLoading] = useState(false);
let navigate = useNavigate();
useEffect(() => {
const userInfo = localStorage.getItem("userInfo");
if (userInfo) {
navigate("/mynotes");
}
}, []);
Thanks a lot. if we remove the dependency array '[]' then we won't have to refresh, navigate will immediately take us to mynotes
Or i guess you could simply use :
window.location.href = “/mynotes”
@
RoadsideCoder hello brother , we set the jwt in localstorage but how do we verify the token and then redirect to notes page ? i mean we set the token and then what do we do with it after providing email and password in login we see that in localstorage jwt is set but how to we verify it ? also you commented the useffect where you parse data from localstortage and the put a check on if(userInfo) but then u commented it also you put a check on the userinfo u didnt verified the jwt.. so how does this work? imk confused plz help thanks
The verification is done in the backend, we will add the 'protect' Middleware, it's in the further videos
@@RoadsideCoder thanks for replying , so this tutorial on jwt is yet not complete right ?
It is completed. Checkout the playlist, link in description
@@RoadsideCoder thanks a lot brother , your work is really appreciated :)
Thanks man
So for the homepage on my project I want to retrieve data from all users however the way the back end is setup i'm not able too because of this token(jwt) it only gets generated when a user signs in but I want to display data on the homepage without any signing in or registering basically want to get all user data without a token.....ugh. Like how you can still see youtube videos without being signed in but you can still see youtube videos from users. So on my homepage, I want to display certain userData from all users without the need of me having a dam token.
Yeah that's completely possible, just don't put the protect middleware in that particular route in backend
@@RoadsideCoder Please make a video on this because if I removed the middle ware then the login authentication would break. I also decided to just delete my whole back end and start from scratch. Do you have a similar tutorial but without integrating jwt?
No man, it will not break. Contact me on instagram @RoadsideCoder I'll tell u
Hello Sir,
at 05:35 min in the video the res.json( ) was not retuning anything in POSTMAN, so I try this code :-
const registerUser = async (req, res) => {
try {
const { name, email, password, pic } = req.body;
await res.send({
name,
email,
});
} catch (e) {
console.log(e);
}
};
Now got response.
just sharing my Experience.
Oh cool!
@@RoadsideCoder be my MENTOR please..
Sure! Contact me on instagram @RoadsideCoder
were you also getting the error " connect ECONNREFUSED 127.0.0.1:5000" ?
still not getting response in postman what could be wrong
Hi, can you show me how to modify the code if I want to save the picture to the cloud ONLY when clicking submit?
Yes, in that case you can call the post function after clicking submit.. And not after onChange.
Reach out to me on instagram @RoadsideCoder if you have any further doubts
@@RoadsideCoder Okay! I've already contact you at IG, would you mind checking your DM? Thanks so much :D
Can we upload Pic to our db using "multer" form our backend code?
secretOrPrivateKey must have a value. i am facing this error as i followed the series exactly same. what can i do.
I am getting the error 404 not found while I am trying to send the data by post request from my front end. It works fine while I do with post man, but when I send from frontend , It shows this error
did you ever get this fixed? I am having the same trouble now and can't get it fixed.
@@kalynndier6524 same with me anyone one of you fixed pls help
Hi bro am getting this error
Uncaught TypeError: history.push is not a function
Have u imported useHistory?
I fixed this by using useNavigate hook
@@RoadsideCoder use History no longer exist
following the instructions on video #10 user authentication, I am not getting the data from backend as he did
Any Idea please, no way to move further
for me also are you resolved it?
Hi bro. You can use thunder client for vs code. Similar to postman in vs code. :-)
Yes
Fantastic stuff sir ❤️
Thanks 🙏 Subscribe for more 🤟
How to use protected routes using node JS authentication ?? Please help !!
Is there a way to reset a password for a user? By editing the password in MongoDB? I am not sure because the password is encrypted. Any help would be appreciated.
At 43.16 on the login page getting this error, please help.
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')
Try to console.log data to check what's in it
@@RoadsideCoder Did the same, getting this error, texted you with complete error and code in Instagram. Please check sir.
Thank you for ur contents and ur quick response.
@@aryangupta7290 hi did you get this error fixed and if you did could you submit your fix
if your issue already got resolved, please let me if how you have tackled it
Hey bro, i need some help, im unable to find fetch url of cloudinary as my dashboard is bit different as compare to you
Try to google, it or check in cloudinary docs. Its there
const statusCode = res.statusCode === 200 ? 500 : res.statusCode;
can someone pls explain this line im not getting y r we changing the status code to 500 when it is 200(success)
if it is a success(200) y does it even trigger the errorHandler()
bro in your alert component how does the error msg are showing
"invalid email or password"
from where this is showing?
Try to compare your code with mine. Link in description.
thank you 🥰
Can anyone help me with the login page to mynotes page redirect issue
great video
sir in this same code how i will check the user if its already exist in our database with same email and we have to show the error I am stuck in this for hours can any one help
Form.File is not working properly. How to resolve it?
use Form.Control
what if we don't give expiry to token then how long it survive
If I click on login after submitting the credentials it doesn't navigate but I refresh the page it navigates how to overcome this problem..
Can you show me your code
Form.File is not supporing and after using it nothing is showing on page
awesome bro :-)
Awesome sir❤❤❤
🤟🙏
while generating token, it is showing error like secrete key must have a value... what to do?
Did you compare with my code? Link in Description.
can you please tell what i have to write in jwt secret value in env?
Can I skip this line in usermodel.js file?
if (!this.isModified("password")) {
next();
}
I'm back again; Why do I get history undefined? from where did you pass in history as a props to LoginScreen?
const history = useHistory()
Its imported from react router dom
@@RoadsideCoder, yes but I didn't see you where you did pass it in, I only saw when you destructured it as loginScreen props(didn't see const history = useHistory() part)
Oh 🤔, weird
@@RoadsideCoder, yeah I know, and upon visiting your repo, I saw same issue in several place.
But I just created const history out of useHistory hook just so I can procees with your wonderful tutorial series
Thanks for your quick reply though, its 2100hr(9pm) I don't know what's the time at your geolocation
Thanks man. Its 11:30 PM here
any one having the "history.push is not a function error?
Hello sir.. I need ur help.... I can't create a MainScreen tag inside the LoginScreen.js file.... Please help me to solve this...
Hey , What;s the exact issue you're facing? and wwhats the error?
Failed to load resource: the server responded with a status of 400 (Bad Request)
i am getting this when i am checking login functionality plz help
even i am facing the same
"Content-Type" - T will be capital
@@amitjalui i do that it showing nothing not even bad request
@@amitjalui this solved your problem ??
@@amoln3655 Yes, cause in video he typed "T" in small letter. (I think he forgot to mention this during video editing)
hi sir i want to thank you for this video . i faced a problem when i want to try the login (in the minute 44.50) i found an error in the console
[HTTP/1.1 404 Not Found 0ms]
Did you compare with my code? Link in description.
@@RoadsideCoder yes i do but noting is different
Contact me on instagram @RoadsideCoder
@@RoadsideCoder thank you sir
I send you a message
Hi @roadsidecoder bro am getting this error
{"message":"Not Found - /","stack":"Error: Not Found - /
at notFound (C:\\Users\\user\\Desktop\\mt1\\backend\\middlewares\\errorMiddleware.js:2:17)
at Layer.handle [as handle_request]
When I tried opening the backend port it is not working
I think you're trying to hit a route that doesn't exist
@@RoadsideCoder But on the postman tool its working fine
on the login screen its showing this error Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')
Can u check the HTTP Method? If it's GET or POST
@@RoadsideCoder YEs Now its Working :) Thanks
17:30 TypeError: Cannot read properties of undefined (reading 'findOne') anyone know the how to resolve it?
nice video
Bro please help me. First of all bcryptjs is not crypting my password. And second its showing matchpassword is not a function
Try to compare your code with mine, link in description
@@RoadsideCoder I did Bro But there is nothing different
@@RoadsideCoder i will try improvising the cord tho so lets see
hai bro am still facing the issue I tried adding the history("/mynotes") code right under the setLoading(false); and its redirecting me to the mynotes page but its not under the useEffect can you please help me?
Bro me also getting same error if you can find please inform to me
Can u compare your code with mine?
@@RoadsideCoderyeah but it didn't work
@@manoharchimata19 Hi bro I checked with piyush bro(@RoadsideCoder) he said we need to install this particular version of react-router-dom
npm I react-router-dom@5.2.0 as in the new version of react-router-dom v6 the useHistory has been replaced with useNavigate and so we can't use history.push()
@@RoadsideCoder instead of history.push use navigate from usenavigate hook.
I'm getting error in postman "connect ECONNREFUSED 127.0.0.1:5000" and if I comment out mongodb(); function in server.js then it works... why...can you please help me out?
Try to compare your code with mine. Link in Description.
@@RoadsideCoder compared brother...my code is same as your code....after connecting to mongodb i am getting "MongoDB connected" but then this problem occurs :-(
Contact me on instagram @RoadsideCoder
@@RoadsideCoder sure, thank you for responding fast as f*** -:)
bro just make a new cluster and change the server and then connect this cluster to your .env
Great video brother. Can you also implement Google authentication in this
I will teach google auth in upcoming tutorials
@@RoadsideCoder thanks bro. If you implement Google login here it will be the best video available for authentication and crud in youtube 😀
I tried it myself but getting little confused😔
@@geeksoftechworld8882 we wil create a crypto currency tracker, in that we will implement
@@RoadsideCoder waiting for it bro👏