@gnosis.pm/dex-react
v0.0.4
Published
[![npm version](https://img.shields.io/npm/v/@gnosis.pm/dex-react.svg?style=flat)](https://npmjs.org/package/@gnosis.pm/dex-react 'View this project on npm') [![Build Status](https://travis-ci.org/gnosis/dex-react.svg?branch=develop)](https://travi
Downloads
1
Keywords
Readme
dFusion DEX: PoC Web App
Web app for dFusion DEX (see the dFusion paper).
This app will allow to:
- See the balances for any token: Both in your wallet and the exchange
- Deposit/Withdraw tokens from the exchange
- Submit sell orders to the Exchange
Running locally
# Install dependencies
npm install
# Start dev server in http://localhost:8080
npm start
Open http://localhost:8080 in any 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 npm start
Alternatively, if you want to modify always this behaviour, add the env var into a local .env
file (i.e. use .env.example as an example of the content).
Autoconnect for mock mode (default)
When running in mock mode, the wallet will be connected automatically, to change this behaviour run the app:
# Disable autoconnect, for mock mode
AUTOCONNECT=false npm start
Alternatively, if you want to modify always this behaviour, add the env var into a local .env
file (i.e. use .env.example as an example of the content).
Build app
npm run build
The static files will be generated in ./dist
dir.
Run tests
npm test
Automatically fixing code
Manually, by running:
npm run 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 the information here: faucet