How kougang/kafin-izilens works
This is a French-language React administration dashboard for an extraction service. Staff sign in, view service metrics, manage companies, API keys, plans, invoices, alerts and extraction activity; enterprise users see their quota, key, extraction history and invoices. The application routes by role, while pages call a shared data-access layer that uses mock data unless a backend URL is configured. Several page implementations are not sampled, so their links reflect the routes and API capabilities visible in the supplied source, not unverified internal behavior.
Main entry points: App.jsx Role-based routes · api.js Data API · auth.jsx Auth provider · main.jsx App bootstrap
Components 17
Application shell
- App bootstrap
dashboard/src/main.jsx - Role-based routes
dashboard/src/App.jsx - Authenticated layout
dashboard/src/Layout.jsx
Identity and access
- Auth provider
dashboard/src/auth.jsx - Login
dashboard/src/pages/Login.jsx
Operations dashboard
- Service overview
dashboard/src/pages/Overview.jsx - Company management
dashboard/src/pages/Companies.jsx - API key management
dashboard/src/pages/ApiKeys.jsx - Extraction activity
dashboard/src/pages/Extractions.jsx - Alerts
dashboard/src/pages/Alerts.jsx - Enterprise space
dashboard/src/pages/ClientSpace.jsx
Plans and billing
- Plan management
dashboard/src/pages/Plans.jsx - Invoice management
dashboard/src/pages/Billing.jsx
Data access
- Data API
dashboard/src/services/api.js - Mock data store
dashboard/src/services/mock.js
Other components
- Dashboard user
- Configured API backend
Connections 26
- Dashboard user → App bootstrap: opens dashboard
- App bootstrap → Role-based routes: renders app
- App bootstrap → Auth provider: provides auth
- Role-based routes → Auth provider: checks roles
- Role-based routes → Authenticated layout: renders routes
- Role-based routes → Login: routes login
- Role-based routes → Service overview: routes overview
- Role-based routes → Company management: routes companies
- Role-based routes → API key management: routes keys
- Role-based routes → Extraction activity: routes extractions
- Role-based routes → Alerts: routes alerts
- Role-based routes → Enterprise space: routes enterprise
- Role-based routes → Plan management: routes plans
- Role-based routes → Invoice management: routes billing
- Login → Auth provider: submits credentials
- Auth provider → Data API: logs in
- Service overview → Data API: loads statistics
- Company management → Data API: loads and updates
- API key management → Data API: manages keys
- Extraction activity → Data API: loads extractions
- Alerts → Data API: loads and resolves
- Enterprise space → Data API: loads own space
- Plan management → Data API: loads and saves
- Invoice management → Data API: loads and reminds
- Data API → Mock data store: reads and mutates
- Data API → Configured API backend: fetches when configured