Hi can you help me, If i try to do npm init vite it default take the project name like vite-project i can't able to change into client. There is no issues with the name of vite-project
I must say, I am really impressed. This is exactly what I needed as a beginner. I will definitely recommend it to my noob friends like Ashutosh. BTW, if u r seeing this Ashutosh, do like this comment.
your teaching method is very unique plz also bring full mern stack project tutorial like job portal,ecommerce,LMS etc it will be very benefit for us thank you
I tried to copy your code however employee was created in mongodb but collection data are not included prompting 500 internal server error...how to fix it?
it's good explantion sir but id not get data it shoeing empty data { "_id": { "$oid": "65c9a6c0fdc2b71ce384a46c" }, "__v": 0 } just like that but how to solve issue here
Hello, Yousaf! You have a great channel, thanks a lot! I have frontend html+css+js file that I want to link to backend Java files, but this method uses jsx, can you please help me? It is really important for me
Bro im a noobie to backend i know react and front end and firebase ....i have lot of doubts if i use python django framework should i create a rest api and then only i can connect react and django ryt...but if i use express mongo i dont need rest api ryt...i can simply do llke u did ..pls clear this doubt😢
And bro I know front end ...but in the backend I have lot of confusions like how can I probably setup everything just tell what things I need to learn and how it must be used step by step as a short summary pls and pls clear doubt about rest api like when and where I need to use....pls pls pls no one helped me
getting Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. i have updated my code still coming same warning. how can i resolve ? could you pleas help
literally the simplest video of authentication by mongo db, hats of to you sir 😌😌
Hi can you help me, If i try to do npm init vite it default take the project name like vite-project i can't able to change into client. There is no issues with the name of vite-project
@@happy_vlogs_sk just start typing your project name over it
bc the cursor won't actually work over it
Bro believe me You're doing a great job for beginners like us by creating these simple apps using MERN thank you!!!!!
Hi bro have you did this project, i need a source code of it
Yes you are right
first ever video that i watched and coded perfectly without facing any extreme issues or errors. thanks a lot. it worked perfectly. SUBSCRIBED
How did you get the signup.jsx source code ??
hey can you please share me the source code , i am unable to navigate to home.js even after success message in console
@@KartikSharma-mv8vi same problem how did u solve it please tell me thanks
I must say, I am really impressed. This is exactly what I needed as a beginner. I will definitely recommend it to my noob friends like Ashutosh. BTW, if u r seeing this Ashutosh, do like this comment.
Ashutosh ko q toda
Yes I am seeing this
Thankyou Youasf, the project is very helpful for beginers.
Bro i am Searching it for 7 days . Thanks this what we need to implement in our coding
Excellent video! Really simple and clear explanation. Thank you!
Thank you so much brother finally i got a video with good explanation to connect react and backend
very good video for understanding the basics behind the login signup in MERN STACK. Thanksss bro.. You helped much for my project
I think this is the best video, & that's because it's shows top first on the search
Thank you very much bro. The tutorial was so resourceful.
Thank you bro, this is really very helpful for beginners ❤🎉
um a begginer this really help full to me brother thank you!
Great work brother keep it up.
This is the next big Channel
your teaching method is very unique plz also bring full mern stack project tutorial like job portal,ecommerce,LMS etc it will be very benefit for us thank you
Thank you, bro, I am working on a small e-commerce project.
Next Week inshallah
اخيرا شرح براسة حظ تعبت واني ادور هيج شرح يااخي شكرا
Thank you! Everything is worked as you guided!
Most excellent tutorial. Thanks!
this is very helpful and direct to the point, thank you very much
Thanks Bro, Your Code Worked in my system in first Attempt. Your teaching methodology is epic. #WellDone!
LOGIN COMPONENT NOT WORKING CODE
import axios from "axios";
import { useState } from "react";
import { Link, useNavigate } from "react-router-dom";
function Login() {
const [email, setEmail] = useState();
const [password, setPassword] = useState();
const navigate = useNavigate();
const handleSubmit = (e) => {
e.preventDefault();
console.log("Login Button Pressed!");
axios
.post("localhost:3001/login", { email, password })
.then((result) => {
console.log(result);
if (result.data === "Login Successful") {
navigate("/component");
}
})
.catch((err) => console.log(err));
};
return (
Login Here!
Email address
setEmail(e.target.value)}
/>
We`ll never share your email with anyone else.
Password
setPassword(e.target.value)}
/>
Log Me In
);
}
export default Login;
SERVER => PAKAGE.JSON WORKING CODE
{
"name": "server",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "nodemon index.js"
},
"keywords": [],
"author": "",
"license": "ISC",
"description": "",
"dependencies": {
"cars": "^1.1.6",
"cors": "^2.8.5",
"express": "^4.19.2",
"mongoose": "^8.4.4",
"nodemon": "^3.1.4"
}
}
Very nice explanation sir, Thank you!
bro you are a legend! thank you for this wonderful video
This helped so much and was very clear, thanks
Thankyou so much bhai please make videos like this It was my first mern project and I am very happy again thankyou bro
Thank you so much for this amazing video🎉.. bcz you keep in mind like as a student visualisation...
Thank you .This is very helpful video furthermore interesting for coders
Thanks a log ! very straightforward to understand.
very great tutorial teach in a simple way
i learned alot from this video Thank you ❤
i need a source code of it
@@gnanu3530 Did you get it ?
It's a very useful video bro... thank you....✨
Hi bro thanks for your help and we appreciate a lof. we learned much from these videos
really beginner friendly, thanks
Sir Apne MERN fullstack Development kaise Shikha ???
Apaka kay mindset our Rodmap tha???
Very helpful video ,Thankyou so much
Thank you so much duuuude, you really helped me !!
Thank you so much 😊 for making so easy.
You are amazing 😊
Best explanation ❤️❤️
This is the best video ever ❤
thankyou bro, it's worked for me bro, keep it up bro
yrr mera code run nhi ho raha ek baar aap check krloge error bhi show nhi ho raha hai koi
crisp and clear
Excellent tutorial.
thank you so much.. this is exactly what i need as a beginner
thank you for this vidio and plz add logout logic as well
Very helpful indeed thank you ❤❤
Super helpful for beginners ❤
I tried to copy your code however employee was created in mongodb but collection data are not included prompting 500 internal server error...how to fix it?
check adding a record API code
Where can I check a record API code and what will I do...tnx
your explanation is very good and simple .....i request you please provide source code
it was great coding but try to write when you make change without video show of that❤ amazing coding
Thank you so much sir,u helped alot.🤗
Where is source code
Don't Look for source code A Good programmer Create own self ❤👍🏻
😂😂😂
What of those of us that don’t know react? Just backend Node. The source code for the react would be helpful please 😊
Good Explanation ♥♥
what amazing tutorial !
Brother I am a beginner in this field
What should I learn first before watching this video ?
Bro is too good. Thank u so much.🙏
mashallah brother maza aa gaya
Thank you bro, really great 🎉
unable to see the created table in atlas and data was shown [] like this
any soln you got?
I'm a beginner and I'm still stuck at the signup page
My bootstrap i don't know why it has an error
Thank you soooooooooooo much. This worked.🥰
Thank you bro this is very helpful.
but bruh how to secure the home page ?. i mean only that user can access the home page who has logged in .
exactly.
very helpful buddy.
I am wondering why you did all that locally? I was looking to do it all on Mongoose online and live.
sir my mongodb is automatically creating new "test" database and the employees are getting created inside it. How do i fix it?
in connection add database name after connection string it will create a new database
@@codewithyousaf Thank you sir, how can i connect with you sir? I have some questions
@@codewithyousaf for example how can i redirect two different accounts to two different components
@@codewithyousaf can you do tutorial on this video sir?
@@Xenonxiz_ Yes role base management I explained you can watch on my channel
Please where' can i find the sign up form?
Hello sir, uhmm can you try the mongodb atlas next? Cause i am having difficulties trying it on mongodb atlas using your code😅
Thank Your Sir 🤗
Worth bro works fine
what is user in the at 25:07 at 17th line
Have a small doubt. Why can't the button "Login" be a part of the form tag?
Once you click login it will go login page.that's what he really do, also login has link already
why are you using link Tag insted of button on form submit
can you please provide the source code link of github
it's good explantion sir but id not get data it shoeing empty data
{
"_id": {
"$oid": "65c9a6c0fdc2b71ce384a46c"
},
"__v": 0
} just like that but how to solve issue here
the database id name is like: (_id) use it when you deal with database
god bless u, u saved my days
how we can add about us page after home i'm trying but giving children parents error .i dont want to open it direct without login
Thanks brother you are greate
How are you connecting the Login page with your server?
I think I showed everything in video to connect it.
1 create node app and implement route use that route to call API
I GOT axios NETWORK ERROR ? PLEASE GIVE SOLUTION i tried three more time
getting errors Localhost refuse to connect i did everything same
Hello, Yousaf! You have a great channel, thanks a lot! I have frontend html+css+js file that I want to link to backend Java files, but this method uses jsx, can you please help me? It is really important for me
If i input correct password i got "incorrect password" to my console how could that possible and can you tell me how to fix
Where is source code man
thank you very much :)
thank you bro :)
dont you think you need to provide source code as well.
where is the github source code????
I am using this mathod but cannot find data in user \
Very nice
How do we add error message if the input is incorrect.
Bro im a noobie to backend i know react and front end and firebase ....i have lot of doubts if i use python django framework should i create a rest api and then only i can connect react and django ryt...but if i use express mongo i dont need rest api ryt...i can simply do llke u did ..pls clear this doubt😢
And bro I know front end ...but in the backend I have lot of confusions like how can I probably setup everything just tell what things I need to learn and how it must be used step by step as a short summary pls and pls clear doubt about rest api like when and where I need to use....pls pls pls no one helped me
getting Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
i have updated my code still coming same warning. how can i resolve ? could you pleas help
I think you were trying to write but you mistakenly wrote .
Thank you very much❤❤
great man
Well, do not inform the user that whether email/username or password is incorrect, just display Login Failed.
LOL
put the code in the discription please
Here you can find the source code link:
codewithyousaf.blogspot.com/2023/06/login-and-registration-using-mern-stack.html
table is not creating
forgot to teach how to join backend and frontend using cors
If u r uploading something on youtube then please explain it instead of just writing it
where can i get the signup.jsx code please tell
Thank you bro,