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?
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
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
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
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
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
Bro i am Searching it for 7 days . Thanks this what we need to implement in our coding
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
Thankyou Youasf, the project is very helpful for beginers.
very good video for understanding the basics behind the login signup in MERN STACK. Thanksss bro.. You helped much for my project
Thank you so much brother finally i got a video with good explanation to connect react and backend
Excellent video! Really simple and clear explanation. Thank you!
um a begginer this really help full to me brother thank you!
Thank you bro, this is really very helpful for beginners ❤🎉
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"
}
}
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 .This is very helpful video furthermore interesting for coders
very great tutorial teach in a simple way
Great work brother keep it up.
This is the next big Channel
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...
this is very helpful and direct to the point, thank you very much
your explanation is very good and simple .....i request you please provide source code
اخيرا شرح براسة حظ تعبت واني ادور هيج شرح يااخي شكرا
thank you for this vidio and plz add logout logic as well
Very nice explanation sir, Thank you!
it was great coding but try to write when you make change without video show of that❤ amazing coding
Thank you! Everything is worked as you guided!
Sir Apne MERN fullstack Development kaise Shikha ???
Apaka kay mindset our Rodmap tha???
It's a very useful video bro... thank you....✨
Brother I am a beginner in this field
What should I learn first before watching this video ?
Hi bro thanks for your help and we appreciate a lof. we learned much from these videos
Where is source code
Don't Look for source code A Good programmer Create own self ❤👍🏻
😂😂😂
bro you are a legend! thank you for this wonderful video
This helped so much and was very clear, thanks
Most excellent tutorial. Thanks!
Very helpful video ,Thankyou so much
Thanks a log ! very straightforward to understand.
i learned alot from this video Thank you ❤
i need a source code of it
@@gnanu3530 Did you get it ?
Thank you so much 😊 for making so easy.
You are amazing 😊
thank you so much.. this is exactly what i need as a beginner
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
Super helpful for beginners ❤
really beginner friendly, thanks
Hello sir, uhmm can you try the mongodb atlas next? Cause i am having difficulties trying it on mongodb atlas using your code😅
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
unable to see the created table in atlas and data was shown [] like this
any soln you got?
mashallah brother maza aa gaya
Excellent tutorial.
Best explanation ❤️❤️
Very helpful indeed thank you ❤❤
Thank you so much duuuude, you really helped me !!
Good Explanation ♥♥
Thank you so much sir,u helped alot.🤗
but bruh how to secure the home page ?. i mean only that user can access the home page who has logged in .
exactly.
what is user in the at 25:07 at 17th line
This is the best video ever ❤
I am wondering why you did all that locally? I was looking to do it all on Mongoose online and live.
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
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
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
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
I'm a beginner and I'm still stuck at the signup page
My bootstrap i don't know why it has an error
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
can you please provide the source code link of github
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
Thank you bro this is very helpful.
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
Bro is too good. Thank u so much.🙏
crisp and clear
Where is source code man
If i input correct password i got "incorrect password" to my console how could that possible and can you tell me how to fix
Please where' can i find the sign up form?
If u r uploading something on youtube then please explain it instead of just writing it
what amazing tutorial !
How do we add error message if the input is incorrect.
where is the github source code????
Very nice
why are you using link Tag insted of button on form submit
Thank you bro, really great 🎉
I GOT axios NETWORK ERROR ? PLEASE GIVE SOLUTION i tried three more time
thank you bro :)
table is not creating
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
Thank you soooooooooooo much. This worked.🥰
dont you think you need to provide source code as well.
I am using this mathod but cannot find data in user \
getting errors Localhost refuse to connect i did everything same
very helpful buddy.
Well, do not inform the user that whether email/username or password is incorrect, just display Login Failed.
LOL
will you explain me how to host this website on any free website?
Host on vercel
If i deploy my project so its work ???
Thanks brother you are greate
forgot to teach how to join backend and frontend using cors
please i have a problem can someone assist me? why useState is underlined in red in my code?
did u import it?
bro i dont know how to run please could u help me with it
what do you want to run?
bro do you have the regulation signup code?
Thank you very much❤❤
where can i get the signup.jsx code please tell
Thank Your Sir 🤗
Bro we need source code for signupform can you provide???