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
На этой странице сайта вы можете посмотреть видео онлайн Role based Access to Different Pages using REACT and Express Framework (MERN Stack) длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Dewmith Akalanka 17 Август 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 4,154 раз и оно понравилось 75 зрителям. Приятного просмотра!
