The shape project is a sample Wallet/Identity Aepp that expects an Aepp to be loaded into an iFrame contained into this base aepp. This loaded Aepp presents ready to use aepp with predefined Vue.js front-end framework and forgae integration. The provided boilerplate code contains all modules and settings needed to facilitate its usage - Vue.js project created by vue cli, a Sophia smart contract and scripts for deployment on the Blockchain. It gives a helpful code scaffolding for further forgae project development and shows examples how to read and record a data on the Blockchain through the browser. The aepp represents a smart contract that manages a ToDo List and enables interaction with each ToDo's status. It uses a local node spawned by forgae and one of the default forgae account to sign transactions.

Please follow the steps bellow:

First you need to install forgae (if it is installed already, skip this step).

    npm install -g forgae

In a new empty folder run the following command:

    forgae shape vue

Now a tidy structured project must have been shaped.

Next step is to build a local aeternity node:

    forgae node

Let's deploy the contract:

    forgae deploy

    forgae history

Copy the address of the contract that is shown as a Result in the report table.

Assign the deployed contract address(above step) to the contractAddress property in src/contractDetails.js file. Now we are ready to run the aepp.

First start the identity/wallet Aepp, which will start on port 8080:

    cd aepp-forgae-shape-vue/identity-provider
    npm run serve

Let's start the ToDo aepp, which will start on port 8081:

    cd ../aepp
    npm run serve