Develop:    

Mesa - a dapp for Gnosis Protocol

Mesa is the first dapp built on the Gnosis Protocol.

Gnosis Protocol is a fully permissionless DEX that enables ring trades to maximize liquidity.

Mesa allows users to:

• Create orders in Gnosis Protocol
• See the balances for any token: available in their wallet and on the exchange
• Deposit and withdraw tokens to/from the exchange wallet

Running locally

# Install dependencies (we use Yarn but NPM should work too)
yarn

# Start dev server in http://localhost:8080
yarn start

Open http://localhost:8080 in your browser.

Mock mode (default)

The app will run by default in mock mode, that means that all service implementations will be replaced by a mocked one with some fake data. This is useful for development, however it's also useful to run it with the actual implementation:

# Disable mock mode
MOCK=false yarn start

Alternatively, if you want to persist this behaviour, add the env var into a local .env file (i.e. use .env.example as a template).

Autoconnect for mock mode (default)

When running in mock mode, the wallet will be connected automatically - to change this behaviour run the app via:

# Disable autoconnect, for mock mode
AUTOCONNECT=false yarn start

Alternatively, if you want to persist this behaviour add the env var into a local .env file (i.e. use .env.example as a template).

Build app

yarn build

Static files will be generated inside the ./dist dir.

Run tests

yarn test

Automatically fixing code

Manually, by running:

yarn lint:fix

If you use Visual Studio Code, it's recommended to install Prettier - Code formatter and add the following to your settings.json

"eslint.autoFixOnSave":  true,
"eslint.validate":  [
  "javascript",
  "javascriptreact",
  {"language":  "typescript",  "autoFix":  true  },
  {"language":  "typescriptreact",  "autoFix":  true  }
]

Testnet faucets

In order to get testing tokens, read up on the information here: faucet