Web Customization

The web client is fully customizable. The constants file in /src/config/constants.js lists all images and values that you can modify.

Some of the values in constants.js can be modified by passing environment variables. Look below to see a list of values you can set through the .env file.

Environment variables

  • NODE_ENV: ['production', 'development'] The build procedure automatically identifies the build so you do not need to set this.

  • REACT_APP_PUBLIC_URL: https://bitholla.com Your exchange URL label. Same as above but only this is used within the project code and the other is for the assets.

  • REACT_APP_SERVER_ENDPOINT: https://api.bitholla.com Your HollaEx Kit server endpoint

  • REACT_APP_NETWORK: ['mainnet', 'testnet'] Mainnet referring to the main exchange and testnet to the simulating environment.

  • REACT_APP_EXCHANGE_NAME: HollaEx Exchange Exchange name

  • REACT_APP_CAPTCHA_SITE_KEY: <Captcha here> Google v3 recaptcha site key.

  • REACT_APP_DEFAULT_LANGUAGE: en default language of the exchange. Follow localization process.

  • REACT_APP_DEFAULT_COUNTRY: SC default country of the exchange. Use two letter country ISO 3166

  • REACT_APP_BASE_CURRENCY: usdt This is the coin that is used as the main coin in the exchange and has a trading pair with all the other coins.

If you use HollaEx CLI to build the web application along with HollaEx Core, the custom values are set automatically and you do not need to modify .env file.

Localization

All strings used in the project can be found in /src/config/localizedStrings.js. There are two default samples: en.js for English and ko.js for Korean.

Images

All images and assets used are in /public and can be modified by uploading the new image for your own branding. Make sure you keep the file names to avoid mismatches and issues.

Themes

There are two default themes in the web client:

  • White

  • Dark

You can easily modify the colors text in /src/_variables.scss file. Additionally there are also commonly used colors called common used in both themes.