Role based Access to Different Pages using REACT and Express Framework (MERN Stack)

Publicado em: 17 Agosto 2022
no canal de: Dewmith Akalanka

4,154

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

Nesta página do site você pode assistir ao vídeo on-line Role based Access to Different Pages using REACT and Express Framework (MERN Stack) duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Dewmith Akalanka 17 Agosto 2022, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 4,154 vezes e gostou 75 espectadores. Boa visualização!

1,483