> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowx.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Building with FlowX.AI

> Let's explore how to build innovative solutions with FlowX.AI.

<AccordionGroup>
  <Accordion title="Projects" icon="folder">
    [Create a project](../projects/managing-applications/application).
  </Accordion>

  <Accordion title="BPMN Process" icon="sitemap">
    [Design a BPMN Process](../flowx-designer/managing-a-project-flow).
  </Accordion>

  <Accordion title="Process Flow" icon="arrow-progress">
    Define and manage a process flow using [**FLOWX Process Designer**](../building-blocks/process/process).
  </Accordion>

  <Accordion title="Process Execution" icon="play">
    Run a process instance with [**FlowX Engine**](../platform-deep-dive/core-components/flowx-engine).
  </Accordion>

  <Accordion title="Front-End Application" icon="desktop">
    Create the **Front-End Application**.
  </Accordion>

  <Accordion title="Plugins" icon="puzzle-piece">
    Connect **Plugins**.
  </Accordion>
</AccordionGroup>

## FlowX.AI implementation methodology

The implementation of FlowX.AI follows a structured approach comprising several phases, using a hybrid methodology that has proven effective in past implementations. These phases include:

* Mobilization
* Analysis & Solution Design
* Project Execution
* Production & Go-live
* Transition to Business as Usual (BaU)

These phases address various aspects of the implementation process, ensuring a comprehensive and successful deployment of FlowX.AI solutions.

Explore our Academy course on Implementation Methodology for in-depth insights:

* What are the project stages in a FlowX implementation?

* What are the key roles of an implementation team?

* What are the main responsibilities of each role in the team?

<Card title="Implementation Methodology academy course" href="https://academy.flowx.ai/explore/flowxai-implementation-methodology" icon="school" />

## Designing the BPMN Process: Requesting a New Credit Card from a Bank App

Let's initiate by designing the BPMN process diagram for a sample use case: requesting a new credit card from a bank app.

## Sample Process Steps

Taking a **business process example** of a credit card application, it involves the following steps:

<Steps>
  <Step title="Create Business Process Example">
    Create a business process example of a credit card application.
  </Step>

  <Step title="Initiate Credit Card Request">
    A user initiates a request for a new credit card - ***Start Event***
  </Step>

  <Step title="Fill in Personal Data">
    The user fills in a form with their personal data - ***User Task***
  </Step>

  <Step title="Automated Credit Score Check">
    The bank system performs a credit score check automatically using a send event that communicates with the credit score adapter, followed by a receive event to collect the response from the adapter - ***Automatic Task***
  </Step>

  <Step title="Credit Score Bifurcation">
    The process bifurcates based on the credit score using an ***Exclusive Gateway***
  </Step>

  <Step title="Save Credit Card Type">
    Each branch entails a service task that saves the appropriate credit card type to the process data - ***Automatic Task***
  </Step>

  <Step title="Branch Reconciliation">
    The branches reconvene through a ***Closing Gateway***
  </Step>

  <Step title="View and Confirm Credit Card Details">
    The user views the credit card details and confirms - ***User Task***
  </Step>

  <Step title="Parallel Branching">
    After user confirmation, the process divides into two parallel branches - ***Parallel Gateway***. One registers the request in the bank's systems (bank system adapter/integration), and the other sends a confirmation email (notification plugin) to the user
  </Step>

  <Step title="External API Call">
    An additional automatic task follows: a call to an external API to compute the distance between the user's address and the bank locations ([Google Maps Distance Matrix API](https://developers.google.com/maps/documentation/distance-matrix/overview)) - ***Automatic Task***
  </Step>

  <Step title="Sort Location Distances">
    A task is utilized to sort the location distances and present the top three to the user - ***Automatic Task***
  </Step>

  <Step title="Select Card Pickup Point">
    The user selects the card pickup point from the bank location suggestions - ***User Task***
  </Step>

  <Step title="Receive Confirmation">
    A receive task awaits confirmation from the bank that the user has collected the new card, concluding the process flow - ***End Event***
  </Step>
</Steps>

## Sample Process Diagram

Here's what the **BPMN** diagram illustrates:

![Request a new credit card](https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/3.5/request_a_credit_card_new.png)

<Card title="Download process sample" a href="https://s3.eu-west-1.amazonaws.com/docx.flowx.ai/release40/sample_bpmn_process_new_credit_card.bpmn" icon="download" />


## Related topics

- [AI in FlowX.AI](/4.7.x/docs/getting-started/ai-in-flowx.md)
- [FlowX.AI 5.0.0 Release Notes](/release-notes/v5.x/v5.0.0-july-2025/v5.0.0-july-2025.md)
- [FlowX.AI 5.1.0 Release Notes](/release-notes/v5.x/v5.1.x-lts/v5.1.0-october-2025/v5.1.0-october-2025.md)
- [FlowX.AI 5.3.0 Release Notes](/release-notes/v5.x/v5.3.0-december-2025/v5.3.0-december-2025.md)
- [FlowX.AI 5.9.1 Release Notes (LTS)](/release-notes/v5.x/v5.9.1-june-2026/v5.9.1-june-2026.md)