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?
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
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
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
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
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
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
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
Thank you bro, this is really very helpful for beginners ❤🎉
This helped so much and was very clear, thanks
Thank you! Everything is worked as you guided!
Very helpful video ,Thankyou so much
Thank you very much bro. The tutorial was so resourceful.
I think this is the best video, & that's because it's shows top first on the search
Thankyou Youasf, the project is very helpful for beginers.
Most excellent tutorial. Thanks!
Very nice explanation sir, Thank you!
um a begginer this really help full to me brother thank you!
Thank you .This is very helpful video furthermore interesting for coders
Thankyou so much bhai please make videos like this It was my first mern project and I am very happy again thankyou bro
اخيرا شرح براسة حظ تعبت واني ادور هيج شرح يااخي شكرا
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"
}
}
Great work brother keep it up.
This is the next big Channel
this is very helpful and direct to the point, thank you very much
bro you are a legend! thank you for this wonderful video
Thanks a log ! very straightforward to understand.
Hi bro thanks for your help and we appreciate a lof. we learned much from these videos
Thank you so much for this amazing video🎉.. bcz you keep in mind like as a student visualisation...
Thank you so much 😊 for making so easy.
You are amazing 😊
i learned alot from this video Thank you ❤
i need a source code of it
@@gnanu3530 Did you get it ?
really beginner friendly, thanks
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 so much.. this is exactly what i need as a beginner
very great tutorial teach in a simple way
Super helpful for beginners ❤
Very helpful indeed thank you ❤❤
Thank you so much duuuude, you really helped me !!
Best explanation ❤️❤️
Thank you so much sir,u helped alot.🤗
mashallah brother maza aa gaya
crisp and clear
Excellent tutorial.
thank you for this vidio and plz add logout logic as well
This is the best video ever ❤
Thank you bro this is very helpful.
Thank you bro, really great 🎉
There is no condition on login page, Like user can not go to /home page without login...or user can not go back to sign page once they login...?
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
Bro is too good. Thank u so much.🙏
your explanation is very good and simple .....i request you please provide source code
unable to see the created table in atlas and data was shown [] like this
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
great man
Sir Apne MERN fullstack Development kaise Shikha ???
Apaka kay mindset our Rodmap tha???
what amazing tutorial !
Brother I am a beginner in this field
What should I learn first before watching this video ?
Good Explanation ♥♥
Thank you soooooooooooo much. This worked.🥰
Thank Your Sir 🤗
very helpful buddy.
Thanks brother you are greate
thanku sir
why are you using link Tag insted of button on form submit
Worth bro works fine
thank you very much :)
Where is source code
Don't Look for source code A Good programmer Create own self ❤👍🏻
Thank you very much❤❤
thank you bro :)
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 .
god bless u, u saved my days
If u r uploading something on youtube then please explain it instead of just writing it
I'm a beginner and I'm still stuck at the signup page
My bootstrap i don't know why it has an error
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
but bruh how to secure the home page ?. i mean only that user can access the home page who has logged in .
exactly.
can you please provide the source code link of github
awesome tut,
Very nice
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
Thank you bro,
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
Hello sir, uhmm can you try the mongodb atlas next? Cause i am having difficulties trying it on mongodb atlas using your code😅
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
Great
I GOT axios NETWORK ERROR ? PLEASE GIVE SOLUTION i tried three more time
If i input correct password i got "incorrect password" to my console how could that possible and can you tell me how to fix
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
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
respect++
getting errors Localhost refuse to connect i did everything same
I am using this mathod but cannot find data in user \
Where is source code man
How do we add error message if the input is incorrect.
what is user in the at 25:07 at 17th line
18:59
where is the github source code????
forgot to teach how to join backend and frontend using cors
Hi bro please give source code link i am practicing devops so automate it into deployment
thanks
Well, do not inform the user that whether email/username or password is incorrect, just display Login Failed.
LOL
If i deploy my project so its work ???