#9 How to do admin login in React, Node & Mongo | Create admin | Redirect admin to dashboard

Hello guys,
In this video, we will demonstrate how to implement admin login functionality using React, Node.js, and MongoDB. We will show you how to set up a login form in React, connect it to a Node.js server, and authenticate users against a MongoDB database. Additionally, we will demonstrate how to protect routes on the server-side to ensure only authenticated users can access certain pages. By the end of this video, you will have a solid understanding of how to implement admin login functionality in a React, Node.js, and MongoDB stack.
################
If you are on my channel for the first time and you don't understand any concept then you can watch #3 and #4 video of this playlist or you can dm me on instagram.
################
React code : github.com/the...
Node code: github.com/the...
Thank You.
#adminlogin
#admin auth
#login as admin

[@adarshthakur5189]

Awesome video🤩 Previously i used to thought how hard it is to make admin and user in my project but you make it so easy. Recommended playlist for beginners 😄

[@ayushindapure6903]

Bro is teaching @2:00 AM , bro has my Respect

[@thedebugarena]

Things you have to do when you have job 😀

[@manishbulchandani8306]

Watching at 04:14 AM

[@hilariousness4393]

Yo bro, your videos always help me out. Thank you so much for the simplicity you apply.

[@-seoulair]

This chanel is so good. Very helpful bro. I couldn't find this anywhere else.

[@thedebugarena]

Tysm

[@EduTechMentor]

Amazing explanation ! i love this...

[@-seoulair]

Please make more videos. I love this.

[@thedebugarena]

Sure

[@Programingwithsuresh]

Please make institute students and employees ragistration system with mearn stack

[@abdulfaim3568]

you started your project with class components and then after you started your project with functional component so this is very confusing for beginners so make sure if you convert class to functional components so you have to mention that you made changes in your components

[@thedebugarena]

Yes i have converted it most of the viewers want it in functional component also react removed the documentation of class component. Yaa sorry about that i didn't mentioned in the video

[@-seoulair]

Good video thank you so much

[@thabetnour3304]

i have a question what did you use for linking the frontend and the backend

[@thedebugarena]

I didn't got your question can you elaborate

[@thabetnour3304]

@@thedebugarena i speak about something like axios and also for the logging admin did you use the same function of loging user so you only identify the type

[@gayathribr2959]

what if i only need a single admin for the dashboard and he has to be already present there like predefined in the code ,as not registering the admin by ourself? How can i do that?

[@thedebugarena]

In that case at login you can add if conditions that will first verify whether name and password entered by user is same as pre coded if it same then it will navigate to admin page otherwise it will call the api to login. So here in if block you can add condition like if(name==admin and password==admin) ....

[@gayathribr2959]

@@thedebugarena tnks its working now. Great videos and explanation for beginners

[@sportsstimulant4228]

Can I ask one question ? I am doubt beacuse i am working only front end that's why i learn one think that's i can't understand ..

[@thedebugarena]

Yaa go ahead

[@sportsstimulant4228]

@@thedebugarena i am design a react page and route 2 think ( home ,gallery ) , in gallery section image slider enable and all image came dynamic from the admin page ( through rest API ) ... I don't understand how to do admin page ( crud operation) and connect to main website ? Or in home section can admin page route? Admin when upload new image it show main page image slider .. Confuse very much .. beacuse i am not find that's type video in KZbin ..

[@thedebugarena]

@@sportsstimulant4228 Its actually simple. In this video you are making an admin and login as admin when you are logging in currently you are getting all users data there you can add form to add an image and update all image in that admin data. Now in Front-end access that image by fetching data of that admin only

[@sportsstimulant4228]

@@thedebugarena can i mail you ? If you guide me that's helpful..i muje just guide chaiye tha kaise apke video ko dekh k bana sakte ...mere doubt hai kuch o solve ho jate

[@thedebugarena]

@@sportsstimulant4228 you can dm me on instagram the_debug_arena

[@jamalmakaveli2966]

Can I add this code to my toll fee app?

[@thedebugarena]

Yup you can.

[@jamalmakaveli2966]

@@thedebugarena hello bro do you know how to fix this? AxiosError code : "ERR_NETWORK" config : {transitional: {…}, adapter: Array(2), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, …} message : "Network Error" name : "AxiosError" request : XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …} stack : "AxiosError: Network Error at XMLHttpRequest.handleError (localhost:5175/node_modules/.vite/deps/axios.js?v=09ba7cba:1453:14)" [[Prototype]] : Error

[@teeheeee7807]

Wait ..why I'm not getting any data in my database can u post video of how to connect database correctly 🥲

[@thedebugarena]

You can checkout this video kzbin.info/www/bejne/bqumi6R9ga2Eh5Isi=RGMvm9Q-mROaqA_H