hidayatullah70/bimasenaadhirajasaradika_fe

How hidayatullah70/bimasenaadhirajasaradika_fe works

BARAK IOMS is a React frontend for an integrated outsourcing-management system, with a public company website and role-oriented internal workspaces. The principal business flow runs from marketing lead and opportunity management through client handover to operational staffing and finance billing; other workspaces handle workforce, IT, legal, and executive oversight. Feature pages use service adapters for backend access, with mock and REST modes visible in the sampled client adapter and API client. Most feature implementations and router wiring were not sampled, so cross-domain links are limited to documented handover navigation and capabilities.

Main entry points: index.jsx App Router · clientAdapter.js Client Adapter · ClientHandoverPage.jsx Client Handover · apiClient.js API Client

Components 26

Public Website

Public Pages src/features/landing

Application Access

App Entry src/main.jsx
App Router src/app/router/index.jsx
Auth Provider src/app/providers/AuthProvider.jsx
Route Guards src/app/guards

Business Workspaces

Website CMS src/features/website
Marketing CRM src/features/marketing
Client Handover src/features/marketing/handover/ClientHandoverPage.jsx
Operations src/features/operations
Master Data src/features/master
Finance src/features/finance
HR & Payroll src/features/hrd
IT Support src/features/it
Legal & Compliance src/features/legal
Executive Oversight src/features/director
Audit Logs src/features/audit/AuditLogPage.jsx
Notifications src/features/notifications/NotificationPage.jsx
Global Search src/features/search/GlobalSearch.jsx
Client Listing src/features/master/clients/ClientListPage.jsx

Service Access

Client Adapter src/services/adapters/clientAdapter.js
Service Adapters src/services/adapters
API Client src/services/apiClient.js
Mock Client Data src/services/mock/mockMasterData.js
Audit Logger src/utils/auditLogger.js

Other components

Visitor
REST API

Connections 27

Visitor → App Router: opens routes
App Entry → Auth Provider: wraps app
App Entry → App Router: renders
App Router → Public Pages: routes to
App Router → Route Guards: dispatches through
Route Guards → Auth Provider: checks access
App Router → Website CMS: routes to
App Router → Marketing CRM: routes to
App Router → Operations: routes to
App Router → Master Data: routes to
App Router → Finance: routes to
App Router → HR & Payroll: routes to
App Router → IT Support: routes to
App Router → Legal & Compliance: routes to
App Router → Executive Oversight: routes to
App Router → Audit Logs: routes to
App Router → Notifications: routes to
App Router → Global Search: routes to
Marketing CRM → Client Handover: includes archive
Client Handover → Operations: links to
Client Handover → Finance: links to
Client Listing → Client Adapter: fetches clients
Client Adapter → Mock Client Data: reads
Client Adapter → API Client: uses in REST mode
Client Adapter → Audit Logger: records changes
Service Adapters → API Client: uses
API Client → REST API: sends REST requests

More JavaScript diagrams: goodvibs/eval.bar · hackertech142/liya-ai-workstation · halil/string-builder · hari487-coder/arrc · hubshashwat/letmelive

Drawn by GitDiagram on September 26, 2026 from the repository's file tree, README and source files. Read as Markdown ·