Pandagram is a simple React application that demonstrates role-based access control (RBAC) for user management. Users can log in, view tasks, and manage roles and tasks based on their access level (Admin, Manager, or Guest). The project utilizes React state, local storage for persistent data, and role-based UI rendering for a dynamic user experience.
video_20241126_201309.1.mp4
User Roles:
Admin: Can manage roles, add new users, and assign tasks. Manager: Can view tasks and delete them. Guest: Can only view with no editing permissions. Persistent Data: All user information is stored in the local storage, ensuring data persists even after page reloads.
Task Management: Admins and Managers can view assigned tasks. Admins have the ability to add or remove tasks.
Login System: Users can log in to the application and access role-specific features.
To get started with this project locally, follow the steps below:
Clone the repository to your local machine using the following command: git clone https://github.com/Monu2114/Role-Based-Access.git
Change into the frontend directory: cd frontend
npm install
npm run This will start the application, and you can view it in your browser by navigating to http://localhost:5173.
Add Multiple tasks by seperating with comma(',')
Guests can't update roles and change tasks :
Only Admins can update the roles of users :
For other features, do watch the demo video