Role based Access to Different Pages using REACT and Express Framework (MERN Stack)
Get the full source code - https://github.com/dewMyth/mern-learning [branch : role-based-access ]
Hi, in this video I briefly presented how to use "useNavigate()" in react-router-dom library to redirect different pages after a successful login.
For the implementation process I have created my backend using express framework along with a MongoDB database. Nothing too advanced. Just straight to the point in API.
Drop a comment if you need any clarification!
Thank you for watching! ❤️
Timecodes
00:00 - Creating the Express Server
00:24 - The User Model (MongooseSchema)
00:41 - The User Route/Middleware functions
02:02 - Create React App
02:58 - Handling the onClick login button function
03:51 - Installing necessary NPM libraries(axios/react-router-dom)
06:00 - Calling the Login API
07:24 - creating navigate object from useNavigate
08:17 - Conditional Statement to redirect on role base/account type
09:16 - Refactoring the code to meaningful components
10:54 - Wrapping the routes with BrowserRouter and Routes
11:55 - Testing the functionality
#MERN #role_based_access
#redirect_to_different_pages
#useNavigate #express #mongodb #react #reacthooks
#one_login #two_pages_redirect
Sur cette page du site, vous pouvez voir la vidéo en ligne Role based Access to Different Pages using REACT and Express Framework (MERN Stack) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Dewmith Akalanka 17 août 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 4,154 fois et il a aimé 75 téléspectateurs. Bon visionnage!
