In this document, you can find screens of user interfaces with a description of their functionality.
The main menu (upper-left corner) in the guest mode consists of
Trade buttons and a selector for a language of the platform's interfaces. By default, the language set to English. To login into the account, a user needs to go to the main menu and click the
Log In button.
The main menu for the authorized user consist of the next elements:
Profileis a button that redirects to a user profile page.
Tradeis a button that redirects to a trading page.
Walletsis a button that redirects to a page with user's funds.
Ordersis a button that redirects to a page with user's orders.
Historyis a button that redirects to a page with deposits, withdrawals and trading history.
Logoutis a button that ends a session and logout the user from the platform.
In the next chapters, we will look in details on the elements of different pages and describe the functionality of the platform.
Authorization window has two tabs:
SIGN IN and
SIGN UP. User can switch between login and signup forms clicking the corresponding tab.
Sign In form description:
SIGN IN button sends a login request to the platform.
Forgot your password? is a text button that brings up a form for a password reset.
If a user has enabled two-factor authentication, the platform brings up a form for 2FA code after a user-entered
To reset a forgotten password a user needs to perform the next actions:
Forgot your password?button.
FORGOT YOUR PASSWORDwindow appears.
FORGOT YOUR PASSWORDwindow user needs to enter an email that connected with his account.
After receiving the request to reset the password the platform sends a letter with a reset password link to a user email.
A reset password link that a user receives on his email redirect him to the platform page and brings up the
RESET PASSWORD window. To reset the old password a user needs:
SENDbutton. If processing was successful, the platform updates the user's password. After that, a user can log in with a new password.
If a user wants to create account he needs to use the
SIGN UP form. In
SIGN UP form user needs to enter email, create a password and provide referral code (optionally).
Sign Up form description:
After filling the form, a user needs to click
Sign up to send a registration request. If the request was successful, the platform creates an account and the user can log in using his credentials.
The profile menu consists of three windows:
My API Keys and
Account activity. Account window contains profile information and tools to manage the account.
On the left side of the account window, shows an
UID of a user.
UID is a unique identifier on a user on the platform.
The next is a
Password field with the button
CHANGE. Clicking the
CHANGE button brings up a modal window using. To change a password, a user needs to type an old password in the
Old Password filed and a new password in
New Password and
Confirm Password fields. After that, a user needs to press the
CHANGE button to apply password changes.
Two-factor authenticationfield shows a 2FA status and provide the ability to enable and disable 2FA. When a user clicks the switch button, the platform brings up a form with instructions. A user needs to follow instructions, fill the data and submit the form to enable 2FA.
If a user wants to disable 2FA, he needs to click the 2FA switch button. The platform brings up a window where a user needs to submit 2FA code to disable 2FA.
Referral link is a link that a user can copy and share to affiliate new users to the platform. When an affiliate follows the referral link, the platform opens up the
Sign up form with pre-filled referral code.
Profile verification is a list of steps that a user needs to pass to get corresponding permissions. By default, a user has to pass three steps to get all permission. The number of steps and permission on each of them can be customized before the deployment.
Date of birth.
My API Keyswindow:
My API Keys is a window for API keys management. To be able to create and manage API keys, a user needs to enable 2FA.
To create a new API key a user needs to click the
Create new button, then pops up a window for 2FA code in which a user needs to enter 2FA code.
After that, a window with a new API key appears. A user needs to copy the
Access key, the
Secret key and to click the
CONFIRM button. The
Secret key shows only once. If a user forgot or lost
Secret key, he can delete that API key and generate a new one.
The new API key appears in the
My API Keys window where a user can manage that API key. To disable an API key a user needs to click the switch button than a user needs to enter 2FA code. To delete an API key a user needs to click the
X button than a user needs to enter 2FA code.
Account activity is a window that contains information about a resent action of a user on the platform.
Field name description:
The trading page contains components that are essential for trading. A user can customize the size and position of components of all components on the trading page.
The chart shows a graphical representation of an asset price for a certain time frame. The platform uses the TradingView chart component.
The TradingView chart is customizable and provides the next functionality to a user:
The order book shows detailed information about orders that are waiting for fulfilment. This component resizable and can be in one of two modes: vertical and horizontal. The order book consists of
Sell orders separated by the last market price. If the order book set in the vertical mode
Sell orders located in the upper part of the order book and
Buy orders located in the lower part of the order book. If the order book set in the horizontal mode
Sell orders located on the right part of the order book and
Buy orders located on the left part of the order book. The order book consists of three columns:
Price column in the order book shows price levels of orders. If the order book in the vertical mode
Buy orders with the highest price and
Sell orders with the lowest price located next to the field of the last market price.
Amount column shows the quantity of base currency that a user wants to sell or buy at the certain price level.
Total column shows the cumulative amount of a base currency placed in the orders at a certain price level. The
Total column shows the market depth. Alongside with the
Total column, the order book has a graphical representation of the market depth in the way of coloured horizontal bars.
Below, you can find examples of the order book in vertical and horizontal mode.
A user can use the
order book to prefill the
order form with a price and an amount. A user can fill the
order form with a certain price by clicking the price field of a certain order in the
order book. A user can fill the
order form with a certain price and a certain amount by to clicking the amount field of a certain order in the
order book. Also, a user can fill the
order form with a certain price and a certain amount (that represent liquidity at a certain price level) by clicking the total field of a certain order in the
The Market depth window shows a grid with buy and sells orders at a certain price level. Market depth has two sides the left side shows Bids (coloured green) and the right side shows Asks (coloured red). On hovers pops up a window with detailed information on liquidity level of a certain price level.
The markets window shows trading pairs that are supported by the platform. Header part of the markets window contains tabs. The
All tabs show all market pairs. The rest tabs represent market pair of a certain quote currency. The table part of the market window has
The search field allows searching for a certain market pair or a ticker.
The open orders window shows information about active orders. That window contains open orders that are related to the chosen market pair. The open window table has the next column:
X button allows cancellation of the user's open order.
?????????????????????NEED TO UPDATE BENEFICIARY INFO.
Wallet page has a list of available wallets and provide functionality for deposit and withdrawal. This page consist of two blocks. The left side block shows wallets. Wallet element contains a logo, a tiker, a full name of a currency, available balance and locked balance. The right side menu contains ‘Deposit’ and ‘Withdraw’ buttons.
When ‘Deposit’ button active right side menu shows balances, deposit address and deposit history. To make a deposit user can scan QR or can press ‘COPY’ button to copy deposit address. ‘Deposit History’ is a table with recent deposits. Deposit record contains date of deposit, status of deposit and deposited amount. Deposits with confirmation number lower than ‘Min Confirmation’ has status ‘pending’.
When ‘Withdraw’ button activate right side menu shows balances, fields for withdrawal address, withdrawal amount, 2FA code, withdraw button and withdrawal history. To be able to withdraw user needs to have a certain KYC level and need to enable 2FA. To create withdrawal request user needs to incerte his withdrawal address, amount that he wants to withdraw and 2FA code after that user has to press ‘WITHDRAW’ button. On the left side of ‘WITHDRAW’ button user can see a withdrawal fee and an amount that he will get on his wallet. ‘Withdrawal History’ is a table of a recent withdrawals. Withdrawal record contains date of withdrawal request, status of withdrawal request and withdrawal amount. Unprocessed withdrawal requests has status ‘pending’.
When a user press ‘WITHDRAW’ button a confirmation window appears. To confirm a withdrawal request a user needs to click on ‘WITHDRAW’ button if the a user wants to cancel withdrawal request he needs to press ‘CANCEL’ button.
Orders page represent user’s orders information. Page has two tabs: ‘Open’ and ‘All’. When ‘Open’ tab is active system shows open orders. When ‘All’ tab is active page shows the history of all orders. A user can cancel all open orders by clicking ‘Stop all’ button.
Field name description:
History page contains all historical data that related to a user account finance movement. This page has three tabs: ‘Deposit History’, ‘Withdraw History’ and ‘Trade History’.
Field name description:
That tab contains all withdrawal history of a user.
Field name description:
That tab contains all trades history of a user.
Field name description: