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.
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
['production', 'development'] The build procedure automatically identifies the build so you do not need to set this.
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.
https://api.bitholla.com Your HollaEx Kit server endpoint
['mainnet', 'testnet'] Mainnet referring to the main exchange and testnet to the simulating environment.
HollaEx Exchange Exchange name
<Captcha here> Google v3 recaptcha site key.
en default language of the exchange. Follow localization process.
SC default country of the exchange. Use two letter country ISO 3166
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
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.
A custom, manual build requires you to build the dependencies by using
npm install and set the environment variables in
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.