This page will demonstrate how to get the REACT GUI running on the local developer machine.

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