This page will demonstrate how to get the REACT GUI running on the local developer machine (Windows/Linux/MacOS).

Prerequisites to running the UI

Building and running CLAMP
Go to the clamp directory
Inside the clamp directory go to /clamp/extra/bin-for-dev
```
./start-db.sh test
```
Check docker container id
```
docker ps
```
Log into docker container
```
docker exec -it 'container_id' bash
```
Go into mariadb shell
```
mysql -u root -p
```
Enter password

strong_pitchou
Go into cldsdb4 database
```
use cldsdb4;
```
Verify if there is data in the following table 'loop_templates'
```
select * from loop_templates;
```
If for some reason the database is empty do the go to the '/docker-entrypoint-initdb.d/dump' directory
```
./load-fake-data.sh
```
Once the database is up and running need to start the clamp emulator, by running the following command inside the /clamp/extra/bin-for-dev
```
./start-emulator.sh
```
Start the backend service by running the command inside the /clamp/extra/bin-for-dev
```
./start-backend.sh
```

Checking out and building the UI

Checkout UI from the repo.

git clone "https://gerrit.nordix.org/onap/policy/gui"

Change into the "gui-clamp" directory.
Build the UI
```
mvn clean install
```
Go to the following directory 'ui-react'
Start the front end UI
```
npm start --scripts-prepend-node-path
```
* If you get an error such as 'npm ERR! code ENOENT' modify the package.json "start": "HTTPS=true react-scripts start" to "start": "set HTTPS=true && react-scripts start",
Once the UI starts at localhost:3000 it will ask for credentials:
Login: admin
Password: password