https://github.com/permitio/react-feature-flag-rebac
A demo application of React.js feature flagging, using CASL and Permit.io for dynamic permissions-based feature toggling.
https://github.com/permitio/react-feature-flag-rebac
example
Last synced: about 1 year ago
JSON representation
A demo application of React.js feature flagging, using CASL and Permit.io for dynamic permissions-based feature toggling.
- Host: GitHub
- URL: https://github.com/permitio/react-feature-flag-rebac
- Owner: permitio
- License: mit
- Created: 2025-02-17T13:09:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-17T13:12:11.000Z (over 1 year ago)
- Last Synced: 2025-05-11T07:11:13.460Z (about 1 year ago)
- Topics: example
- Language: TypeScript
- Homepage:
- Size: 93.8 KB
- Stars: 0
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Document Manager
A document management system demonstrating ReBAC (Relationship-Based Access Control) using Permit.io.
## Structure
```bash
document-manager/
├── backend/
└── frontend/
## Prerequisites
- Node.js
- Permit.io account and API key
- Clerk.dev account and API keys
## Setup
1. Install dependencies:
```sh
npm run install-all
```
2. Set up environment variables:
Backend (.env):
```sh
PERMIT_API_KEY=your_permit_api_key
PORT=3001
```
Frontend (.env.local):
```sh
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key
```
3. Run the development servers:
```sh
npm run dev
```
This will start:
- Backend on http://localhost:3001
- Frontend on http://localhost:3000
## Features
- ReBAC permissions with Permit.io
- Document management with categories
## Stack
- Frontend: Next.js, TypeScript, Tailwind CSS
- Backend: Express.js
- Auth: Clerk
- Permissions: Permit.io