Develop web
HollaEx Kit provides its own modern web client for the HollaEx based exchanges. The source code is fully open so you can both customize it with your own design and contribute to HollaEx Kit to be an open source contributor.
HollaEx Web is located under /web folder in HollaEx Kit. It uses React, HTML and Sass and is packaged and deployed with Facebook's Create React App.
It is SPA (Single Page Application) and uses React Router for the site navigation and routing. It communicates with HollaEx Core build on HollaEx Kit through REST API and Websocket channels.


    NodeJS version 8 and higher
    npm version 6 and higher
    For windows users you need node-gyp installed.
    More than 4GB memory


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: 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: 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.


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.


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.


There are two default themes in the web client:
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.

Manual build

A custom, manual build requires you to build the dependencies by using npm install and set the environment variables in .env
We already have set the example environment variables in .env.example. Copy the values to a new file called .env, set the values, and run your exchange.
After setting the .env, build the package with npm run build and host the /build static folder independently.
Last modified 8mo ago