User Role-Based Access Control & Permissions in React JS - MERN Stack

Explore user role-based access control and permissions in React.js within a MERN Stack project. Learn to create protected routes and features accessible only to managers and admins. Implement a useAuth hook, display user status in the footer, customize welcome messages and links, configure header icons and navigation, control access to NotesList and UsersList, and understand the importance of route protection. Create a RequireAuth wrapper component, apply it to protect routes, and manage note deletion permissions. Gain practical insights into building secure and role-specific functionalities in your React applications.

Intro
Welcome
Starter Code & Dependencies
User Stories
useAuth hook
Footer username & status display
Welcome username & links
Header icons and navigation
NotesList access
UsersList logic
Why we still need route protection
Create a RequireAuth wrapper component
Protecting Routes with RequireAuth
Note deletion permissions