{"id":23160717,"url":"https://github.com/anonymousknight07/secure-admin---role-based-access-control","last_synced_at":"2026-04-07T21:32:08.566Z","repository":{"id":265056116,"uuid":"894992417","full_name":"anonymousknight07/Secure-Admin---Role-Based-Access-Control","owner":"anonymousknight07","description":"Secure Admin is a Role-Based Access Control (RBAC) user interface designed to manage users, roles, and permissions dynamically. ","archived":false,"fork":false,"pushed_at":"2024-11-27T16:50:00.000Z","size":122,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-05T16:42:48.657Z","etag":null,"topics":["admin-dashboard","corporate-functions","database","database-management","react","tailwindcss","user-interface","user-management","vite"],"latest_commit_sha":null,"homepage":"https://secureadmin.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/anonymousknight07.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-27T11:18:10.000Z","updated_at":"2024-12-18T07:41:52.000Z","dependencies_parsed_at":"2025-02-10T04:37:42.469Z","dependency_job_id":null,"html_url":"https://github.com/anonymousknight07/Secure-Admin---Role-Based-Access-Control","commit_stats":null,"previous_names":["anonymousknight07/secure-admin---role-based-access-control"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anonymousknight07/Secure-Admin---Role-Based-Access-Control","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anonymousknight07%2FSecure-Admin---Role-Based-Access-Control","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anonymousknight07%2FSecure-Admin---Role-Based-Access-Control/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anonymousknight07%2FSecure-Admin---Role-Based-Access-Control/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anonymousknight07%2FSecure-Admin---Role-Based-Access-Control/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anonymousknight07","download_url":"https://codeload.github.com/anonymousknight07/Secure-Admin---Role-Based-Access-Control/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anonymousknight07%2FSecure-Admin---Role-Based-Access-Control/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31530641,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin-dashboard","corporate-functions","database","database-management","react","tailwindcss","user-interface","user-management","vite"],"created_at":"2024-12-17T23:11:58.894Z","updated_at":"2026-04-07T21:32:08.546Z","avatar_url":"https://github.com/anonymousknight07.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![image](https://github.com/user-attachments/assets/56b5a043-67ce-4d39-bb0b-fa232b047300)\n# Secure Admin - Role-Based Access Control (RBAC) Dashboard\n\nSecure Admin is a **Role-Based Access Control (RBAC)** user interface designed to manage users, roles, and permissions dynamically. It showcases a secure, functional, and visually appealing dashboard with dark and light themes. The project includes user and role management, permission handling, and dynamic visualizations for system monitoring.\n\n---\n\n## **Objective**\n\nThis project evaluates creativity, technical skills, and problem-solving abilities in building a fully functional RBAC dashboard. The focus is on creating a secure and efficient UI for managing users, roles, and permissions, integrated with mock API functionalities.\n\n---\n\n## **Core Features**\n\n### 1. **User Management**\n   - View and manage users in the system.\n   - Add, edit, or delete users seamlessly.\n   - Assign roles and manage user status (Active/Inactive).\n\n### 2. **Role Management**\n   - Define, edit, and delete roles.\n   - Assign permissions (Read, Write, Delete, etc.) or custom attributes to roles.\n\n### 3. **Dynamic Permissions**\n   - Assign or modify permissions dynamically for roles.\n   - Display and manage permissions with a clear, user-friendly UI.\n\n### 4. **Custom API Simulation**\n   - Mock API calls for CRUD operations on users and roles.\n   - Simulate server responses to validate UI functionality.\n\n### 5. **Dashboard Analytics**\n   - Dynamic graphs to visualize system trends, including users, roles, and permissions over time.\n   - Themed interface with both **dark** and **light modes**.\n\n---\n\n## **Technologies Used**\n\nThis project leverages a modern tech stack for optimal performance and a seamless developer experience:\n\n### **Frontend**\n- **React**: For building the interactive UI.\n- **Tailwind CSS**: For styling and theming.\n- **Radix UI**: For accessible and customizable UI components.\n- **Tremor**: For dynamic data visualization.\n- **React Hook Form**: For efficient form management.\n- **Zod**: For schema-based form validation.\n- **Lucide Icons**: For intuitive iconography.\n\n### **State Management**\n- **Zustand**: Lightweight state management for managing global state.\n\n### **Build Tools**\n- **Vite**: For fast builds and hot module replacement.\n- **TypeScript**: For type safety and better developer experience.\n\n### **Additional Tools**\n- **Next Themes**: For implementing dark and light modes.\n- **Mock APIs**: For simulating server responses.\n\n---\n\n## **Project Setup**\n\n### Prerequisites\nEnsure you have the following installed:\n- Node.js (v16 or higher)\n- npm or yarn package manager\n\n### Steps to Run Locally\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/anonymousknight07/Secure-Admin---Role-Based-Access-Control.git\n  \n\n2. Install dependencies:\n```bash\nnpm install  \n```\n\n3. Start the development server:\n```bash\nnpm run dev\n```\n\n4. Access the application at http://localhost:5173\n\n\n## Usage\n### Landing Page\n\n- Provides an overview and entry point to the dashboard.\n\n#### Dashboard\n- Overview Tab: Displays total users, roles, permissions, and active sessions.\n- Users Tab: Manage users and their associated roles.\n- Roles Tab: Define and edit roles with permissions.\n- Permissions Tab: Assign or update permissions for roles.\n\n## Screenshots: \n### Login page :\n![image](https://github.com/user-attachments/assets/4b4a8ba5-2d1c-47a5-bd35-75aaae71740f)\n\n### Dashboard :\n![DarkTheme](https://github.com/user-attachments/assets/308b3c20-e8d8-4c8b-bcba-b17330c5df49)\n![LightTheme](https://github.com/user-attachments/assets/01de087d-2df8-4101-a053-4130a6beea26)\n\n### User management :\n![image](https://github.com/user-attachments/assets/d445d346-fc33-4cf4-9f83-6c45d27a91a6)\n\n### Role management :\n![image](https://github.com/user-attachments/assets/f1cdc46f-2070-4020-b191-59f45a7e3f65)\n\n### Permission management:\n![image](https://github.com/user-attachments/assets/9843d404-48fe-4371-b2f3-2fde1104bbde)\n\n## Folder Structure\n\n```bash\nsrc/\n├── components/        # Reusable UI components\n├── pages/             # Dashboard and landing page views\n├── hooks/             # Custom React hooks\n├── context/           # Global state and context providers\n├── services/          # Mock API service and utilities\n├── styles/            # Tailwind CSS configurations\n└── App.tsx            # Application entry point\n\n```\n## Acknowledgments\n- Radix UI for accessible component primitives.\n- Tremor for beautiful and responsive data visualizations.\n- React Hook Form for simplifying form handling.\n- Tailwind CSS for rapid and modern styling.\n\n## Contact\nFor questions or support, feel free to reach out at [X](https://x.com/akshath_pandey).\n\n\n\n\n![Logo](https://cdn.sanity.io/images/mnzfyx37/production/b41d3b494d876249a9e145a6f2b9a1e21b26e485-500x500.png)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanonymousknight07%2Fsecure-admin---role-based-access-control","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanonymousknight07%2Fsecure-admin---role-based-access-control","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanonymousknight07%2Fsecure-admin---role-based-access-control/lists"}