Login and Registration using MERN Stack | Mongo, Express, React and Node Authentication

#mernstack #login #registrationform
Lets build Login and Registration with MERN (MongoDB, Express, React, Node). This login and sign up system is made with react and mongo database. We used react for front-end and node for backend also, the mongo database. This is complete Authentication system with MERN.
how to do login and register authentication in react node js
TimeStamp:
00:00 Demo of Authentication
01:26 Create React app and Node App
04:43 Sign Up Form Design
06:23 React Router Dom for Routing
10:30 Store Register Values in Variables
13:25 MongoDB
14:24 Start Server Side Code
17:00 Register API code in server side
22:58 Design of Login Form
23:45 Login API code in server side

[@rohith3261]

Bro believe me You're doing a great job for beginners like us by creating these simple apps using MERN thank you!!!!!

[@aristrogaming2023]

Hi bro have you did this project, i need a source code of it

[@starthorn1773]

Yes you are right

[@user-ig7wv9pg9e]

literally the simplest video of authentication by mongo db, hats of to you sir 😌😌

[@happy_vlogs_sk]

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

[@chhavigupta3581]

​@@happy_vlogs_sk just start typing your project name over it
bc the cursor won't actually work over it

[@Nord-iq]

اخيرا شرح براسة حظ تعبت واني ادور هيج شرح يااخي شكرا

[@DeveloperAchuchi]

Great work brother keep it up.
This is the next big Channel

[@akashchilgar3737]

Thank you bro, this is really very helpful for beginners ❤🎉

[@user-jz5vh7sl1d]

Thank you! Everything is worked as you guided!

[@rohanbiswas8487]

first ever video that i watched and coded perfectly without facing any extreme issues or errors. thanks a lot. it worked perfectly. SUBSCRIBED

[@sulphatetife8600]

How did you get the signup.jsx source code ??

[@KartikSharma-mv8vi]

hey can you please share me the source code , i am unable to navigate to home.js even after success message in console

[@vishwamshah4509]

@@KartikSharma-mv8vi same problem how did u solve it please tell me thanks

[@pieface4955]

This helped so much and was very clear, thanks

[@ridwanatolagbe3279]

Thank you very much bro. The tutorial was so resourceful.

[@user-ld5cw8ob5k]

really beginner friendly, thanks

[@Cric11Cricket]

Thank you .This is very helpful video furthermore interesting for coders

[@nazranbibi]

Thank you so much 😊 for making so easy.
You are amazing 😊

[@deshanbandara4985]

um a begginer this really help full to me brother thank you!

[@rishabhsrivastava722]

Thankyou so much bhai please make videos like this It was my first mern project and I am very happy again thankyou bro

[@wardahshahid2758]

Thankyou Youasf, the project is very helpful for beginers.

[@rockyalex8377]

thank you so much.. this is exactly what i need as a beginner

[@abdellah-2498]

Thank you so much duuuude, you really helped me !!

[@djiddiadoum2357]

Hi bro thanks for your help and we appreciate a lof. we learned much from these videos

[@VishalYadav-gk1kg]

Very nice explanation sir, Thank you!

[@talhatalib5457]

Thanks Bro, Your Code Worked in my system in first Attempt. Your teaching methodology is epic. #WellDone!

[@parth6661]

very good video for understanding the basics behind the login signup in MERN STACK. Thanksss bro.. You helped much for my project

[@UECSoumyaRay]

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.

[@atharvalakhamade2126]

Ashutosh ko q toda

[@_sf_editz1870]

Super helpful for beginners ❤

[@amanemisa2600]

this is very helpful and direct to the point, thank you very much

[@Praveen-pg6zb]

Thank you bro, really great 🎉

[@CrazyAshu34]

I think this is the best video, & that's because it's shows top first on the search

[@muhammadzawar1741]

very great tutorial teach in a simple way

[@user-ub3kk4bt4d]

Thank you bro this is very helpful.

[@thakurmohansingh-bv6ff]

Thank you so much for this amazing video🎉.. bcz you keep in mind like as a student visualisation...

[@sukantabiswas3765]

Bro is too good. Thank u so much.🙏

[@deepakyadavYT]

Thank you brother for this video. It helped me very much !

[@yuvaengineer]

mashallah brother maza aa gaya

[@user-mb6ho6rl9x]

crisp and clear

[@alishashaik7159]

Thank you so much sir,u helped alot.🤗

[@lecturerrobel]

what amazing tutorial !

[@ferreiradelima96]

Excellent tutorial.

[@muhammadafnan_8819]

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

[@codewithyousaf]

Thank you, bro, I am working on a small e-commerce project.
Next Week inshallah

[@relaxingtime2411]

Good Explanation ♥♥

[@selvapandi1362]

thankyou bro, it's worked for me bro, keep it up bro

[@PriyaYadav-wi7ri]

yrr mera code run nhi ho raha ek baar aap check krloge error bhi show nhi ho raha hai koi

[@elhamyadira]

Thank you soooooooooooo much. This worked.🥰

[@Soulof8d]

thank you bro :)

[@ahsanahsan1087]

Great

[@md.marufbinsolaiman4038]

very helpful buddy.

[@user-iy6ml5qc3h]

awesome tut,

[@Bharat-lz5lh]

Very nice

[@shobithps4258]

thank you very much :)

[@TradingLines-uj7ds]

thank you for this vidio and plz add logout logic as well

[@memesnow1324]

i learned alot from this video Thank you ❤

[@gnanu3530]

i need a source code of it

[@aghilesouaras3842]

@@gnanu3530 Did you get it ?

[@Developer8631]

Thank Your Sir 🤗

[@BANDLAHYNDAVIBCE]

unable to see the created table in atlas and data was shown [] like this

[@GauravPatel-ly4ul]

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

[@devsavvy9]

Thank you very much❤❤

[@user-db4co7ih2d]

Thanks brother you are greate

[@DHANASEKARD-yc5lq]

Worth bro works fine

[@veronicagitari1600]

I'm a beginner and I'm still stuck at the signup page
My bootstrap i don't know why it has an error

[@ruki4969]

god bless u, u saved my days

[@Burov96]

I am wondering why you did all that locally? I was looking to do it all on Mongoose online and live.

[@pavankumarpulipati1838]

Thank you bro,

[@ashanisuru3820]

If i input correct password i got "incorrect password" to my console how could that possible and can you tell me how to fix

[@emmanuelomozuafo2364]

How do we add error message if the input is incorrect.

[@Roozikhan565]

❤🎉❤

[@DanielAlves-im1np]

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

[@shwetaupadhyay432]

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

[@fosterasante3853]

I think you were trying to write but you mistakenly wrote .

[@Usmankhan-yr3dl]

Brother I am a beginner in this field
What should I learn first before watching this video ?

[@ritikkumarsharma9489]

what is user in the at 25:07 at 17th line

[@ezeldesilva2717]

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?

[@codewithyousaf]

check adding a record API code

[@ezeldesilva2717]

Where can I check a record API code and what will I do...tnx

[@webv2755]

Thank You

[@williamosullivan8366]

bro do you have the regulation signup code?

[@mcgndb]

your explanation is very good and simple .....i request you please provide source code

[@tawoplays4722]

Hello sir, uhmm can you try the mongodb atlas next? Cause i am having difficulties trying it on mongodb atlas using your code😅

[@dhananjaybramhane835]

Sir Apne MERN fullstack Development kaise Shikha ???
Apaka kay mindset our Rodmap tha???

[@06-bhaveshrathod40]

getting errors Localhost refuse to connect i did everything same

[@uiteach123]

I am using this mathod but cannot find data in user \

[@-SIVANANTHAMD]

respect++

[@djiddiadoum2357]

please i have a problem can someone assist me? why useState is underlined in red in my code?

[@kaiserbluto]

did u import it?

[@alfaloverss3116]

If i deploy my project so its work ???

[@nagaprakashnagu7596]

I GOT axios NETWORK ERROR ? PLEASE GIVE SOLUTION i tried three more time

[@Mugss]

It will be great help if you can provide source code for this project bro

[@raheelshakeel2021]

thanks

[@bhupenderkumar9508]

but bruh how to secure the home page ?. i mean only that user can access the home page who has logged in .

[@pujanvasania9757]

exactly.

[@vedwagle1303]

can you please provide the source code link of github

[@kumarabhishek3890]

where can i get the signup.jsx code please tell

[@user-je4wt8st9g]

can someone please help me i got axios error

[@pruthvieditz-hl4ws]

Bro we need source code for signupform can you provide???

[@seemakumbhar8534]

Where is source code

[@rounakshahdeo7941]

Don't Look for source code A Good programmer Create own self ❤👍🏻

[@faizalam1893]

Well, do not inform the user that whether email/username or password is incorrect, just display Login Failed.

[@talhatalib5457]

LOL

[@rajith17]

Hi bro please give source code link i am practicing devops so automate it into deployment

[@user-ol2bj3if4r]

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

[@codewithyousaf]

the database id name is like: (_id) use it when you deal with database

[@sateeshmallapur]

how to run this project

[@bodhisattabhattacharjee3338]

Regaring SERVER if u get error like:
node:internal/modules/cjs/loader:1080
throw err;.....code: 'MODULE_NOT_FOUND',....
install these packages in /server
npm install bcrypt
npm install jsonwebtoken
npm install cookie-parser
then
npm run start
the server starts and no further issues

[@kashishsharma4071]

Bro this code is not working

[@akilaindrasena1245]

put the code in the discription please

[@codewithyousaf]

Here you can find the source code link:
codewithyousaf.blogspot.com/2023/06/login-and-registration-using-mern-stack.html

[@abinayaasri2453]

Npm init vite command is not working for me pls help anyone

[@codewithyousaf]

npm create vite

[@Yonatan2479]

where is the github source code????

[@user-eu3mk5uf6v]

bro i dont know how to run please could u help me with it

[@codewithyousaf]

what do you want to run?

[@ashishdharmik8214]

Where is source code man

[@alfaloverss3116]

i face the password is incorect erorr

[@aakashmane4451]

forgot to teach how to join backend and frontend using cors

[@HariBabu-ll9zw]

nice video bro
can you provide the code or gitlink

[@ajaykumark8817]

will you explain me how to host this website on any free website?

[@codewithyousaf]

Host on vercel