Skip to content

Powerboard setup guide

sakshi1805 edited this page Jun 23, 2022 · 24 revisions

Powerboard setup guide

Devonfw-IDE is a tool to automate setup and update of development environment.

Building application on local

To build application on local execute below commands:

1. To setup the devonfw-IDE visit the download and install sections of this page

Once IDE setup is done. Clone Powerboard application in workspace:

git clone -b develop-0.0.1 https://github.com/devonfw-forge/powerboard-webapp.git

git clone -b develop-0.0.1 https://github.com/devonfw-forge/powerboard-business-api.git

git clone -b develop-0.0.1 https://github.com/devonfw-forge/powerboard-data-aggregation-service.git

2. Database setup

To setup the database we need to perform the following steps:

  • Install PostgreSQL
  • Search for PgAdmin and open it, on opening we see the below screen

PGAdmin


  • Expand the left menu servers -> PostgreSQL13 -> Databases
  • Right click on databases -> create -> Database as shown below
CreateDb

  • Create database by entering database name and click on save

CreateDBName


3. Build Powerboard backend

  • Go to the My-Projects folder(created at install step) and open vscode-main.bat as shown below
Openvscode
  • Go to file and open the backend cloned project into the vs code

  • Create .env file inside the src folder

  • Add DB configuration in the .env file The following details should be present in the .env file
    DB_PASSWORD= "enter your DB password"
    DB_HOST="localhost"
    DB_DATABASE="enter your database name"
    DB_PORT=5432
    DB_USERNAME="postgres"

  • Execute the following commands to install all modules and build the application
    npm install
    yarn build

  • To run the nest application execute the below command
    yarn start:dev

After executing the above steps we se the below screen

Applicationstarted

4. Build data aggregation service

  • Go to the My-Projects folder(created at install step) and open vscode-main.bat as shown below
Openvscode
  • Go to file and open the data aggregation cloned project into the vs code

  • Create .env file inside the src folder

  • Add DB configuration in the .env file The following details should be present in the .env file
    DB_PASSWORD= "enter your DB password"
    DB_HOST="localhost"
    DB_DATABASE="enter your database name"
    DB_PORT=5432
    DB_USERNAME="postgres"

  • Execute the following commands to install all modules and build the application
    npm install
    yarn build

  • To run the nest application execute the below command
    yarn start:dev

5. Build Powerboard frontend

  • Go to the My-Projects folder(created at install step) and open vscode-main.bat as shown below
Openvscode
  • Go to file and open the Powerboard web-app cloned project into the vs code
  • Execute the below commands to build and run the application
    • npm install
    • ng serve
  • On successfully executing the above commands we see the below screen
frontEndExecuted
  • Localhost:4200 is default port where angular application starts in case the port is changed, change it in respective property as well.
Clone this wiki locally