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

[@akashchilgar3737]

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

[@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

[@pieface4955]

This helped so much and was very clear, thanks

[@DeveloperAchuchi]

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

[@user-jz5vh7sl1d]

Thank you! Everything is worked as you guided!

[@ridwanatolagbe3279]

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

[@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

[@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

[@deepakyadavYT]

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

[@nazranbibi]

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

[@wardahshahid2758]

Thankyou Youasf, the project is very helpful for beginers.

[@deshanbandara4985]

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

[@Nord-iq]

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

[@djiddiadoum2357]

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

[@SLCricketPissa]

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

[@rishabhsrivastava722]

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

[@amanemisa2600]

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

[@rockyalex8377]

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

[@parth6661]

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

[@thakurmohansingh-bv6ff]

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

[@VishalYadav-gk1kg]

Very nice explanation sir, Thank you!

[@user-ld5cw8ob5k]

really beginner friendly, thanks

[@abdellah-2498]

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

[@alishashaik7159]

Thank you so much sir,u helped alot.🤗

[@user-ub3kk4bt4d]

Thank you bro this is very helpful.

[@_sf_editz1870]

Super helpful for beginners ❤

[@sukantabiswas3765]

Bro is too good. Thank u so much.🙏

[@DHANASEKARD-yc5lq]

Worth bro works fine

[@Praveen-pg6zb]

Thank you bro, really great 🎉

[@muhammadzawar1741]

very great tutorial teach in a simple way

[@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

[@TradingLines-uj7ds]

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

[@Burov96]

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

[@user-mb6ho6rl9x]

crisp and clear

[@elhamyadira]

Thank you soooooooooooo much. This worked.🥰

[@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

[@lecturerrobel]

what amazing tutorial !

[@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

[@dhananjaybramhane835]

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

[@BANDLAHYNDAVIBCE]

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

[@ferreiradelima96]

Excellent tutorial.

[@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

[@memesnow1324]

i learned alot from this video Thank you ❤

[@gnanu3530]

i need a source code of it

[@aghilesouaras3842]

@@gnanu3530 Did you get it ?

[@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

[@shobithps4258]

thank you very much :)

[@relaxingtime2411]

Good Explanation ♥♥

[@ruki4969]

god bless u, u saved my days

[@Usmankhan-yr3dl]

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

[@devsavvy9]

Thank you very much❤❤

[@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

[@Soulof8d]

thank you bro :)

[@user-iy6ml5qc3h]

awesome tut,

[@emmanuelomozuafo2364]

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

[@user-db4co7ih2d]

Thanks brother you are greate

[@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

[@pavankumarpulipati1838]

Thank you bro,

[@williamosullivan8366]

bro do you have the regulation signup 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😅

[@ritikkumarsharma9489]

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

[@yuvaengineer]

mashallah brother maza aa gaya

[@mcgndb]

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

[@alfaloverss3116]

If i deploy my project so its work ???

[@webv2755]

Thank You

[@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 .

[@Bharat-lz5lh]

Very nice

[@kumarabhishek3890]

where can i get the signup.jsx code please tell

[@ahsanahsan1087]

Great

[@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

[@Yardan_gholi]

thanks , but now how to retrieve data and show it to users base on the user that is loged in , like if it's a web app and each user has his own dashboard each user should see his own data , or if it's a blog , each user should see his own control panel and posts he made and be able to edit or delete them or make new one and there should not be a interference between users and their data retrieveing

[@codewithyousaf]

I have videos for role base management you can watch: 1: Employee management system in my channel 2: Blog app using MErn stack

[@vedwagle1303]

can you please provide the source code link of github

[@nagaprakashnagu7596]

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

[@uiteach123]

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

[@06-bhaveshrathod40]

getting errors Localhost refuse to connect i did everything same

[@raheelshakeel2021]

thanks

[@pruthvieditz-hl4ws]

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

[@sateeshmallapur]

how to run this project

[@faizalam1893]

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

[@-SIVANANTHAMD]

respect++

[@rajith17]

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

[@HariBabu-ll9zw]

nice video bro can you provide the code or gitlink

[@user-je4wt8st9g]

can someone please help me i got axios error

[@kashishsharma4071]

Bro this code is not working

[@Yonatan2479]

where is the github source code????

[@Mugss]

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

[@Roozikhan565]

❤🎉❤

[@djiddiadoum2357]

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

[@kaiserbluto]

did u import it?

[@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.

[@alfaloverss3116]

i face the password is incorect erorr

[@luisatejada6218]

can you provide the source of code please?

[@ashishdharmik8214]

Where is source code man

[@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

[@hanxla_Nouman]

Code?

[@seemakumbhar8534]

Where is source code

[@rounakshahdeo7941]

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

[@bsc.itstudent3582]

code kaha hai bhai please de do

[@ajaykumark8817]

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

[@codewithyousaf]

Host on vercel

[@dionisiominano7485]

how to hash the password?

[@rachergaming4338]

Can you share the source code plss

[@meherwanmarella8028]

Signup Code Please.

[@user-eu3mk5uf6v]

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

[@codewithyousaf]

what do you want to run?

[@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