Balancer Frontend App (v2)

Frontend Vue app for Balancer exchange and pool management.

Development

To setup the development environment first clone the repo:

git clone https://github.com/balancer-labs/frontend-v2.git && cd frontend-v2

Local env

Install dependencies:

npm install

Start the app:

npm run serve

The app should be live at http://localhost:8080

Docker

If you'd rather spin up the app in a docker container:

docker-compose up

The app should be live at http://localhost:8080

Docker Production Image

We've created a production ready docker image that connects to Mainnet and runs a pre-built version of Balancer Frontend-v2 using nginx. You'll need your own Infura, Alchemy, and Blocknative API keys in order to fetch data and make trades.

You can also specify your Portis Dapp ID if you wish to use that service, otherwise it will use a default key.

Here's an example of how to run the container. This can also be found in scripts/run-docker.sh.

docker run \ 
  -e INFURA_PROJECT_ID=   \ # Required
  -e ALCHEMY_KEY=         \ # Required
  -e BLOCKNATIVE_DAPP_ID= \ # Required
  -e PORTIS_DAPP_ID=      \ # Optional
  balancerfi/frontend-v2

Design System

The app is using Tailwind to configure base styles. In development these styles can be viewed by running:

npm run tailwind-viewer

Your browser should load the app at http://localhost:3000.