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

# Interacting with ActiveViam components

export const uiProductName = "Atoti UI";

export const productName = "Atoti FRTB";

export const coreProductName = "Atoti Server";

This section provides tips on starting up and interacting with the
{coreProductName} and {uiProductName} components while you are
developing on {productName}:

## {coreProductName}

When developing, you may find it more useful to start up your
{coreProductName} instance with {uiProductName} embedded from your IDE. You can do
this as follows:

1. Build all the modules of the project
   1. Use maven to build the project. You can use the
      command `mvn clean install` on the parent pom.
2. Start the server by
   running `com.activeviam.frtb.starter.server.FRTBTestApplication` which
   can be found in the frtb-starter module.
3. You can access the compiled version of the UI at [http://localhost:8080/frtb-starter](http://localhost:8080/frtb-starter)

## {uiProductName}

You will need to install the project from the standalone application
folder. This will download all the necessary Javascript dependencies to
run {uiProductName}.

If you're making any changes to {uiProductName} and you want to see your
changes get picked up instantly, you can start up a node instance. To do
this, navigate to the application folder and run `npm start`.

When your node instance is running, you can access {uiProductName} on the
URL [http://localhost:3000](http://localhost:3000).