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

Prerequisites to running the UI

1. Building and running CLAMP
   
   
2. Go to the clamp directory
   
   

3. Inside the clamp directory go to /clamp/extra/bin-for-dev

   Code Block
   language bash
   ./start-db.sh test

   
   

4. Check docker container id

   Code Block
   language bash
   docker ps

   
   

5. Log into docker container

   Code Block
   language bash
   docker exec -it 'container_id' bash

   
   

6. Go into mariadb shell

   Code Block
   language bash
   mysql -u root -p

   
   

7. Enter password
   
   strong_pitchou
   
   
   
   

8. Go into cldsdb4 database

   Code Block
   language bash
   use cldsdb4;

   
   

9. Verify if there is data in the following table 'loop_templates'

   Code Block
   language bash
   select * from loop_templates;

   
   

10. If for some reason the database is empty do the go to the '/docker-entrypoint-initdb.d/dump' directory

    Code Block
    language bash
    ./load-fake-data.sh

    
    

11. 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

    Code Block
    language bash
    ./start-emulator.sh

    
    

12. Start the backend service by running the command inside the /clamp/extra/bin-for-dev

    Code Block
    language bash
    ./start-backend.sh

    
    

...

1. Checkout UI from the repo.

   Code Block
   language bash
   git clone "https://gerrit.nordix.org/onap/policy/gui"

   
   

2. Change into the "gui-clamp" directory.
   
   

3. Build the UI

   Code Block
   language bash
   mvn clean install

   
   

4. Go to the following directory 'ui-react'
   
   

5. Start the front end UI

6. 
   

   Code Block
   language bash
   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",
   
   
7. Once the UI starts at localhost:3000 it will ask for credentials: 
   Login: admin
   Password: password
   *  This is a windows issue so anything marked with ** is for Windows environment only.