Camunda Usage¶

Initialize the Library¶

JavaScript

import { initializeConfig } from '@shared/flowgro-ui';

initializeConfig(
  'https://api.example.com', // API base URL
  'en',                      // Language
  'username'                 // Username
);

Use Components¶

JavaScript

import { ProcessManagement, MyTasks } from '@shared/flowgro-ui';

function App() {
  return (
    <div>
      <h1>Process Management</h1>
      <ProcessManagement />

      <h1>My Tasks</h1>
      <MyTasks />
    </div>
  );
}

Technical Details¶

Development Stack: React and TypeScript
Bundler: Vite
Styling: SCSS
Dependencies:
- React 18+
- Ant Design 5+
- Axios
- i18next
- Camunda BPM/DMN modeling tools

Available Scripts¶

Build the Library:
Bash
```
npm run build
```
Run in Development Mode:
Bash
```
npm run dev
```
Prepare for Installation:
Bash
```
npm run prepare
```

Conclusion¶

The @shared/flowgro-ui library accelerates development and ensures a consistent user experience for applications integrated with the Camunda Process Engine. It provides robust and reusable UI components tailored for BPM solutions.