| Table of Contents |
|---|
I. User Interface: Appearance
As Unauthorized or Authorized User, I can see:
Favicon in browser tab
Service title in browser tab
When loading, animated loader with service logo
"Something went wrong" message and icon page did not load
In case of sharing URL link:
Service logo & text tied to the URL
II. Sign-in/Sign-up Page
Unauthorized User: Service Authorization Page
...
Press "How it works" link: Opens a new tab with information about service features.
Press "Language Switcher" drop-down: Sees a drop-down list and selects a language.
Toggle "Theme Switcher" for Day/Night mode: Sees the theme changing between Dark/Light modes.
1. "Sign In" Form
In "Sign In" form as Unauthorized User I can see following details:
...
"Remove the option to save credentials across browser sessions"
1.1. "Forgot Password?" Link
Forgot Password
As an Unauthorized User, I can click on the "Forgot password?" link and...
...
Input the registered Email and press the "Reset" button and...
See the modal window closing
Receive a popup notification message "The email to reset the password is sent"
Input Email with a mistake or leave the field empty and press the "Reset" button and...
See an error popup notification "The user with such email does not exist"
Press the "X" button below modal window and...
Close the "Reset password" modal window
1.2. Sign in with 2 FA
As an Unauthorized registered User, I can Sign in with 2FA and...
...
Input the correct 2 FA code from the Google Authentication App and...
See a successful sign-in
Be redirected to the Wallet page
Input an incorrect 2 FA code from the Google Authentication App and...
See a popup notification message "2 FA code is wrong or disabled"
Use the "Paste" button to enter a copied code from the clipboard
Press the "X" button below the modal window and...
See the "2 FA Confirmation" modal window closing and get back to the Authorization Page
1.2.1 Sign in with Captcha Service
As an Unauthorized registered User, I can enter my credentials and press the 'Sign in' button...
...
Solve the captcha challenge and...
See a successful sign-in
Be redirected to the Wallet page
Make a mistake in the captcha challenge and...
See the "Please confirm you are not a robot" modal window closing
Get back to the Authorization Page
See a popup notification message "Fail. Please try again"
1.3. Reset Password Page
As an Unauthorized User, I can use the link from the email, go forward to the Reset Password page and...
...
See an error popup message "Input error. Password does not match"
See the field with a mistake or an empty field has a red border
2. "Sign Up" Form
As an Unauthorized User in the "Sign up" form, I can...
...
Sign up with my Google account
2.1 Sign in with Captcha Service
As an Unauthorized User, I can enter my credentials and press the 'Sign up' button...
...
Solve the captcha challenge and...
See successful sign-in and redirecting to the Wallet page
Make a mistake in the captcha challenge and...
See the "Please confirm you are not a robot" modal window closing and get back to the Authorization Page
See a popup notification message "Fail. Please try again"
3. Footer Block
Available for:
Sign-in/Sign-up Page
Trading Page (Order Book Advanced Trading) for Unauthorized/Authorized User
Exchange/Swap on the Blockchain (On-chain Swap) for Unauthorized/Authorized User
Wallet Management Page
...
Open a new tab with information about service features
III. Unauthorized User Stories
4. Exchange / Swap on the Blockchain (Non-Custodial) (Step 1)
As an Unauthorized User, when I press the "Exchange" tab, I can see the following details:
...
SIGN IN / SIGN UP: See part 1 and part 2 of User Stories v 1.5.0
After SIGN IN / SIGN UP: go to Step 2 (See part 9.1. of User Stories v 1.5.0)
5. Trading Page (Order Book Advanced Trading)
As an Unauthorized User, when pressing the "Trade" tab, the following components are visible:
"Order book" with top side and underside
"Trading Chart" by Trading View block
"Registration navigation" block
"Order form" block
"Recent Trades" block
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
Selected tab in Navigation bar Header is highlighted
5.1. "Order Book" Block
In the "Order book" component, the following details are visible:
...
Side of order is 'Buy'
Type of order is 'Limit'
Balance available for the Quote Currency according to the selected Market Pair (zero balance for Unauthorized User)
Field "Price" with automatically set price (in Quote Currency and with Currency ID) from the limit buy order, which was selected (by pressing on it) from the order book
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% (deactivated for Unauthorized User)
Field 'Amount' to buy, with Base Currency ID and "Minimum trade amount" pre-set by default
Field "Total" for the Total sum in Quote Currency
"Buy" button, which is green and activated.
Use "Limit Buy Order" order form according "Part 5.5. of User Stories v 1.5.0"
5.2. "Chart" Block
In "Chart" component I can see following details:
...
Click on 'Market' and range/arrange the list of markets IDs by alphabet order/market position order
Click on 'Price' and range/arrange the list of markets by price from top to bottom - from higher to lower/market position order
Click on '24 h chg' and range/arrange the list of markets by '24 h' Price change in percent from top to bottom - from higher to lower/market position order
5.3. "Registration Navigation" Block
In the Registration navigation section, I can...
...
Go to Authorization Page with "Sign up" form selected by default
5.4. "Market Buy" Order Form
In the "Market Buy" Order form, I can...
...
See a popup message about the minimum amount (from market settings) under the field 'Amount' to buy
5.5. "Limit Buy" Order Form
In the "Limit Buy" Order form, I can...
...
See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to buy
5.6. "Limit Sell" Order Form
In the "Limit Sell" Order form, I can...
...
See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to sell
5.7. "Market Sell" Order Form
In the "Market Sell" Order form, I can...
...
See a popup message about the minimum amount (from market settings) under the field 'Amount' to sell
5.8. "Recent Trades" Block
In the "Recent Trades" component, users can see the following details:
...
The text "There is no information to display it here yet. Please try creating a limit or market order"
IV. Authorized User Stories
6. Navbar Header
As an authorized user, I can see the following details on the header navbar:
...
Refreshing page and redirecting to the Wallet Page
7. Quick Menu Settings
As a user, I can press the Profile Tab in the Navbar Header section and see the following options on the appeared Quick Menu list:
...
User's Name (just "User" if not passed KYC) and e-mail address
2 FA Status portion that can forward User to the Settings tab of the Profile menu
2 FA Toggle indicating the 2 FA status: Red - disabled / Green - enabled
Press 2 FA Toggle opens a modal window to initiate 2 FA activation/deactivation
"API Keys" portion that can forward User to the API keys page
"Verification" portion that can forward User to the Verification tab of the Profile menu
Status of 'Verification' in "Verification" portion: Not verified / Pending / Verified
"Open Orders" portion that can forward User to the Open orders details page of the Profile menu
"History" portion that can forward User to the Full History details page of the Profile menu
"Referrals" portion that can forward User to the Referrals details page of the Profile menu
"Change Password" portion that opens the modal window to change the password
"Settings" portion that can forward User to the Settings tab of the Profile menu
"Log Out" button
"X" button for closing the Quick Menu
8. Wallet Management Page for the Single User Balance
As an Authorized User in the Wallet Management Page, I can...
...See the list of Wallets for currencies and select one of them. Each Wallet has parameters defined in the admin panel:
...
Full Name of the Currency
ID (Ticker) of the Currency
Logo of the Currency
Precision for Currency
Color for buttons on Wallet 'Card', plain or gradient
Color of highlighting of the active Wallet in the list of Wallets, plain
Color for "Full History" button in the Recent History section, plain
...
Open "Locked in" modal window to observe locked balance in 'Pending Withdrawal' and 'Open limit orders'
...
...See buttons on Wallet 'Card'
...
"Receive"
"Buy"
"Swap" can be activated or deactivated in case the currency has no market pair (according to configuration settings)
"Sell"
"Send"
In case of zero balance...
...
"Sell" and "Send" buttons can be deactivated or activated (according to configuration settings)
...
...See the details of the Wallet:
Total assets balance for all 3 balances (main on top):
Assets available in the Wallet for the selected currency
Assets locked in:
a) Pending Withdrawal
b) Open limit orders
c) Staking
USD equivalent of Total Balance (Sum of both Available and Locked balances)
"i" icon as a button near Locked/Staking balance
...Press "i" icon as a button and...
Open "Locked in" modal window to observe locked balance in 'Pending Withdrawal,' 'Open limit orders,' and 'Staking'
...See buttons on the Wallet 'Card'
"Receive"
"Buy"
"Swap" can be activated or deactivated in case the currency has no market pair (according to configuration settings)
"Sell"
"Send"
"Stake"
In case of zero balance...
"Sell" and "Send" buttons can be deactivated or activated (according to configuration settings)
...See the following details:
Simple Chart section (in case Currency has a Market Pair with USDT quote currency) on the Wallet section below the 'Card' (See part 8.7. of User Stories v 1.5.0)
"Portfolio" details top right (See part 8.8. of User Stories v 1.5.0)
"Recent History" below the 'Portfolio' (See part 8.9. of User Stories v 1.5.0)
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
8.1.1. "Receive" Currency to Generated Proxy Wallet
As a User, I can press the "Receive" button on the Currency Wallet 'Card' and...
...
In case the Currency has functionality to deposit through the Wallet Connect service, as a User I can select the "Wallet Connect" tab in the 'Deposit Option' Selector part and...
...
Use the "Wallet Connect" deposit form (see part 8.1.2. of User Stories v 1.5.0)
...See the following details in the modal window:
...
Name 'Deposit "Currency Name" (according to Currency selected)
Network Selector with Names and Logos of Payment Interfaces (if applicable, according to Currency Payment Interfaces)
Restriction notification regarding Minimum Deposit Amount
Warning notification marked as "Important" describing the currency blockchain details
QR code of the generated deposit address
The text proposition to "Scan or copy address below..." for the transaction
Field with the generated personal Deposit Address
"Copy" icon as a button to copy the Deposit Address
"X" button below the main form to close the modal window
...
Close the modal window "Deposit form"
8.1.2. "Receive" Currency through Wallet Connect service
As a User, I can press the "Receive" button on the Currency Wallet 'Card,' and in case the Currency has functionality to deposit through the Wallet Connect service...
...
...See the following details in the "Wallet Connect" deposit form:
...
Name 'Deposit "Currency Name" (according to Currency selected)
Restriction notification regarding Minimum Deposit Amount
Input field for amount with currency logo and ID
The Deposit amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'
Network Selector with Names and Logos of Payment Interfaces (if applicable, according to Currency Payment Interfaces)
"Next" button (Deactivated, will be activated after filling the field with amount)
"X" button below the main form to close the modal window
...
...Press activated "Next" button and see the form with main details:
...
"Scan code to connect your wallet" header
QR code of the Direct deposit address
"Copy" button to copy the Deposit Address for connection in the Wallet Connect app
Notice text about Selected Network, changes according to the Network selected
...
"Wallet Connect" deposit form closing
Popup error notification "User rejected the transaction"
8.1.3. "Receive" Fiat
As a User, I can press the "Receive" button on the Currency Wallet 'Card' and...
...
...See the following details in the modal window:
...
"Instructions for [Fiat ID] Deposit" header
Field with 'Recipient'
"Copy" icon as a button to copy Recipient
Field with 'Account Number'
"Copy" icon as a button to copy Account Number
Field with 'Account Type'
"Copy" icon as a button to copy Account Type
Field with 'Bank Name'
"Copy" icon as a button to copy Bank Name
Field with 'Branch'
"Copy" icon as a button to copy Branch
Field with 'Referral No.'
"Copy" icon as a button to copy Referral No.
"X" button below the main form to close the modal window
...
Close the modal window "Instructions for [Fiat] Deposit"
8.2. "Buy" Currency
As a User, I can press the "Buy" button on the Currency Wallet 'Card' and...
...
...See the following details in the modal window:
...
"Market Buy Order" header
"Market Price" statement for the rate with Quote currency ID
Caption "Buy" for field 'Amount'
Currency logo and ID on the left to the field "Amount," according to Currency Wallet
Field 'Amount' to buy, with Base Currency "Minimum trade amount" pre-set by default
Balance available for Base Currency
Caption "Pay" for field 'Total'
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100%
"Drop-down" button on the left to "Total" field to select Quote Currency (with logo and ID/Ticker)
Field "Total" for approximate Amount to spend (Quote Currency)
Balance available for the selected Quote Currency
"Buy [Currency ID]" button
"X" button below the main form to close the modal window
...
Close the modal window "Buy" and get back to Wallet details
8.3. "Swap" Currency
As a User, I can press the 'Swap' button on the Currency Wallet 'Card' and...
...
...See the following details in the modal window:
...
'Quick Swap' header
Send section with main details:
'Drop-down' button to select Currency to Send with logo and ID (Ticker)
In case there is only one option for Currency to Send: the user can observe just this option with logo and currency ID in the drop-down
Currency to Send is selected according to the Wallet selected (by default for each Wallet) with a logo and ID (Ticker)
Input field for the amount to Swap (Send internally), pre-set "Minimum amount" to Swap by default
Asset's balance available for operation, in the selected currency with the currency ID
'Reverse' button for changing Currency positions between 'Send' and 'Receive'
Receive section with main details:
'Drop-down' button to select Currency to Receive with a logo and ID (Ticker)
Field 'Receive' with calculated amount (Approximate) in Currency to Receive
The second Asset's balance (Currency to Receive) currently available in its Wallet
Platform commission portion with 0.00 and ID (commission ID can be in quote or base currency according to market settings, 0.00 is hard-coded)
Estimated rate for the selected Market Pair: Currency to Swap -> Currency to Receive (price precision, according to market settings)
'Switch' icon as a button to switch the estimated rate reflection Currency to Receive -> Currency to Swap
'Swap' button
'X' button below the main form to close the modal window
...
Close the modal window 'Swap form' and get back to Wallet details
8.4. "Sell" Currency
As a User, I can press the "Sell" button on the Currency Wallet 'Card' and...
...
...See the following details in the modal window:
...
"Market Sell Order" header
"Market Price" statement for the rate with Quote currency ID
Caption "Sell" for field 'Amount'
Tabs to use Available Assets (Base currency balance) in percent: 25%, 50%, 75%, 100%
Currency logo and ID on the left to the field "Amount," according to Currency Wallet
Field 'Amount' to buy, with Base Currency "Minimum trade amount" pre-set by default
Balance available for Base Currency
Caption "Receive" for field 'Amount'
"Drop-down" button on the left to "Total" field to select Quote Currency (with logo and ID/Ticker)
Field "Total" for approximate Amount to get (Quote Currency)
"Sell [Name of the Currency]" button
"X" button below the main form to close the modal window
...
Close the modal window "Sell" and get back to Wallet details
8.5. "Send" Currency
As a User, I can press the "Send" button on the Currency Wallet 'Card' and...
...
...See the following details in the Send form as a modal window:
...
"Send [Name of the Currency]" header
"Network Selector with logos per each network (if the currency supports several Payment Interfaces)"
Warning notification marked as "Important" describing the currency details
Input field for withdrawal address
Input field for amount and currency logo
The Withdrawal amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'
Balance available for withdrawal
"Max" button for Maximum amount input
Minimum and Maximum allowed for withdrawal
24 Hours Net Limit allowed for withdrawal
Withdrawal fee (It can have a minimum, percent, and maximum, and can vary according to the withdrawal requested amount)
Net Withdrawal amount
"Submit" button (Deactivated, will be activated after filling the 2 fields with data)
"X" button below the main form to close the modal window
...
...See the following details in the modal window:
...
Google Authentication app logo and "2 FA Confirmation" in the header
The text proposition to "Use Google Authentication app to enter a secret 2 FA 6-digit code"
Input field for the 2 FA code
"X" button below the modal window "2 FA Confirmation" form
...
Press "Send" button in case 2 FA is not enabled and...
...
Open "2 FA Activation is Required" modal window with the following details:
Google Authentication app logo and "2 FA Activation is Required" in the header
The notice text "Before you send the funds, you need to activate Two-Factor Authentication"
"Activate Now" button
"X" button below the "2 FA Activation is Required" form as a modal window
...
...See following details in modal window:
...
"Withdrawal request exceeds 24 hr limit" in the header
The text proposition to "Contact Admin for manual approval"
"OK" button
"Cancel" button
"X" button below the modal window "Withdrawal request exceeds 24 hr limit" modal window
...
Close the modal window "Send" form and get back to Wallet details
8.5.1. "Send" Fiat
As a User, I can press the "Send" button on the Currency Wallet 'Card' and...
...
...See the following details in the Send form as a modal window:
...
"Send [Name of the Currency]" header
"Select Recipient" field with drop-down option. In case no available recipients: "+Add New Recipient" button
Input field for amount and currency logo
The Withdrawal amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'
Balance available for withdrawal
"Max" button for Maximum amount input
Minimum and Maximum allowed for withdrawal
Withdrawal fee (It can have a minimum, percent, and maximum, and can vary according to the withdrawal requested amount)
Net Withdrawal amount
"Submit" button (Deactivated, will be activated after filling the 2 fields with data)
"X" button below the main form to close the modal window
...
Google Authentication app logo and "2FA 2 FA Confirmation" in the header
The text proposition to "Use Google Authentication app to enter a secret 2 FA 6-digit code"
Input field for the 2 FA code
"Paste" button to enter the copied code from the clipboard
"X" button below the modal window "2 FA Confirmation" form
...
Close the modal window "2 FA Activation is Required" and get back to Wallet details
8.5.2. Add/Delete Recipient for Fiat Withdrawal
As a User, I can press the "+Add New Recipient" button and...
...
In the "Add Recipient" form as a modal window, I can see the following details:
...
"Add [Name of the Currency] Recipient" header
Input field for "Description"
Input field for "Account Holder"
Input field for "Bank Name"
Input field for "Account Number"
"Select account type" field with drop-down option
Input field for "Branch Code"
"Submit" button (active)
"X" button below the "Add Recipient" form as a modal window
...
As a User, I can press the "Trash can" icon as a button for the recipient portion in the drop-down list of recipients of the "Select Recipient" field and...
...
See buttons appear instead of "Trash can":
"Delete" button
"Cancel" button
...
See the "Trash can" icon as a button appears instead of "Delete" and "Cancel" buttons
8.6. Stake Currency
Enter Staking
As a User without active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...
...
In the "Enter Staking" modal window, I can see the following details:
...
"Enter Staking" header
Currency logo
Input field for the amount
The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'
"Max" button for Maximum amount input
Balance available in the selected currency
Minimum staking amount allowed for Enter Staking
"Submit" button (Deactivated, will be activated after filling the 'Amount' field that satisfying the minimum Enter Staking amount requirements)
Active Staking details:
The "Active Staking" amount of the selected Currency with "0" (+decimals according to settings). There should not be Active Staking in case "Enter Staking" form is using
"Reward conditions" with Annual Percentage Rate (APR) in percent (according to currency settings)
"Reward cycle" with indication of the time after which the reward will arrive
"X" button below the main form to close the modal window
...
Close the modal window "Top-up Staking" and get back to the Wallet page
Top-up Staking
As a User with active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...
...
In the "Top-up Staking" modal window, I can see the following details:
...
"Top-up Staking" header
Currency logo
Input field for the amount
The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'
"Max" button for Maximum amount input
Balance available in the selected currency
"Submit" button (Deactivated)
The "Active Staking" portion with the active staking amount of the selected Currency. There should be Active Staking in case the "Top-up Staking" form is using
"Reward conditions" portion with Annual Percentage Rate (APR) in percent (according to currency settings)
"Reward cycle" portion with an indication of the time after which the reward will arrive
"Unstake" button
"X" button below the main form to close the modal window
...
Close the modal window "Top-up Staking" and get back to the Wallet page
Unstaking
As a User with active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...
...
In the "Close Staking" modal window, I can see the following details:
...
"Close Staking" header
Currency logo
Field with Active Staking amount of the currency
"Submit" button (Activated)
"X" button below the main form to close the modal window
...
In the "Staking Details" modal window, I can see the following details:
...
"Staking Details" header
The "Active staking (Unstaking)" portion with unstaking amount of the selected Currency. There should be Unstaking in case the "Staking Details" form is using
"Staking ends" portion with a timer that counts down the time when the currency amount will Unstaking (according to currency settings)
"X" button below the main form to close the modal window
...
Close the modal window "Staking Details" and get back to the Wallet page
Instant Unstaking (according to currency settings)
As a User with active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...
...
Close the modal window "Close Staking" and get back to the Wallet page
8.7. Simple Chart per Currency
In case the Currency has a Market (with USDT as a Quote Currency), I can see a Simple Chart section with the following details and options:
...
Market ID (top left)
Select time period for Simple Chart Price displaying (top right):
15 minutes
1 hour
1 day (selected by default)
1 week
1 month
Market Dynamics data footer:
The highest Price in USDT for 24 hours
The lowest Price in USDT for 24 hours
'24h' Price change in percent (green for positive, red for negative)
Place the cursor on Simple Chart time point and see the price in USDT
...
In case it is not possible to load the chart:
...
See the text "Unable to load chart. Please tryagain later" in the middle of the Simple Chart section.
8.8. Portfolio
...
As a User, I can see the "Portfolio" section has two parts:
...
In case of zero balances:
...
On the Pie Chart side, I can see:
...
The text proposition "Make a deposit or Buy to unlock portfolio" on top of the list of assets side.
Blurred image for the list of assets with color according to the selected Wallet.
Each line for the balances has 0.00 percent displaying.
8.9. "Recent History" per Currency
As a User, I can see the "Recent History" of the selected Wallet:
...
Recent History header
Recent History List of 4 latest operations related to the selected Currency
"Full History" button below the Recent History list, colored according to the selected Wallet
...
In case of zero balances or without any operation, I can see:
...
Recent History header and text "Deposit, Buy, Sell, Swap and make history!"
Blurred image for the list of 5 operations with color according to the selected Wallet and 5 possible icons for operations
9. Exchange / Swap on the Blockchain (On-chain Swap)
9.1. Receiving Address Details (Step 2)
As an Authorized User, I can press the "Exchange" tab and see:
...
Tab "Exchange" is selected and highlighted
'Receiving address details' header in "Step by Step Navigation" block
Filling progress bar and stage notification '2 of 4'
The first step in the "Step by Step Navigation" block is marked as 'done'
The current second step in Explainer is highlighted
"Exchange" section
"Receive" section
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
...
See the following details:
Receive [Logo of the Currency] header
Warning notification marked as "Important" describing the currency blockchain details
Input field for the blockchain address
"Next Step" button, deactivated
Input the blockchain address and amount to send that fits requirements and:
See the "Next Step" button activated
Press the activated "Next Step" button and:
Go to Step 3 (see part 9.2. of User Stories v 1.5.0)
9.2. Sending Address Details (Step 3)
As an Authorized User, I can see the following details:
...
'Sending address details' header in "Step by Step Navigation" block
Filling progress bar and stage notification '3 of 4'
The first and second steps in the "Step by Step Navigation" block are marked as 'done'
The current third step in the Explainer is highlighted
Requested Operation details section
'Send" form section
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
In the Requested Operation details section, I can:
...
See the following details:
"Receive" field with the requested Currency amount, Currency ID, Logo of the Currency
"To address" field with receiving blockchain address details, according edits from the second step
"Exchange Fee" for the transaction
"Estimated Rate" for the selected Market Pair: Currency to Send -> Currency to Receive
"Switch" icon as a button to switch the estimated rate reflection Currency to Receive -> Currency to Send
"Previous Step" button
Press the "Switch" icon as a button in the Rate section and:
Change the position of selected currencies Currency to Receive -> Currency to Send
Press the "Previous Step" button and:
Go back to Step 2 (See part 9.1. of User Stories v 1.5.0)
In the "Send" form section, I can:
...
See the following details:
"Send" header with Currency amount, Currency ID, Logo of the Currency
Warning notification marked as "Important" describing the currency blockchain details
QR code of the generated deposit address
The text proposition to "Scan or copy address below..." for the transaction
Field with the generated personal Deposit Address
"Copy" icon as a button to copy Deposit Address
"OK" button, deactivated
Scan QR code and:
Get the deposit address (can use phone, tablet, etc)
Press "Copy" icon and:
Copy the deposit address to clipboard
See a popup notification message "Copied"
See the "OK" button activated
Press the activated "OK" button and:
Go to Step 4 (see part 9.3. of User Stories v 1.5.0)
9.3. Exchange Pending Inbound (Step 4)
As an Authorized User, I can see the following details:
...
'Exchange pending inbound' header in the "Step by Step Navigation" block
Filling progress bar is field and stage notification '4 of 4'
The first, second, third steps in the "Step by Step Navigation" block are marked as 'done'
The current fourth step in the Explainer is highlighted and marked as 'done'
Information section
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
...
See the following details:
Text "Thank you for using" and Logo of the Company
"Exchange again" button
Press the "Exchange again" button and:
Go back to Step 2 (See part 9.1. of User Stories v 1.5.0)
10. Order Book Advanced Trading Interface
As an Authorized User, I can press the "Trade" tab and:
Go to the Order Book Advanced Trading Interface and see the following:
Tab "Trade" is selected and highlighted
"Order book" with top side and underside
"Trading Chart" by Trading View block
"History" block for Open orders, Orders history, and Trade history
"Order form" block
"Recent Trades" block
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
10.1. "Order book" block
In the "Order book" component, I can see the following details:
...
Sell & Buy limit orders in 2 parts of the order book (top side and underside)
"Sell" part of the order book is on the underside and has 3 columns: Price, Amount, Cumulative Total
Sell orders are colored in red
Sell orders are placed by Cumulative Total growth by amount from the center to the top
Sell orders are ranged by price from the center to the top - lower to higher
Last Price (in case of configured settings) between the Sell & Buy limit orders:
Green color with 'up arrow' in case the price has grown
Red color with 'down arrow' in case the price dropped
Spread (in case of configured settings) between the Sell & Buy limit orders:
The spread in an order book is the difference between the highest bid price (the price buyers are willing to pay) and the lowest ask price (the price sellers are asking for). The formula for calculating the spread is: Spread = Lowest Ask Price − Highest Bid Price
"Buy" part of the order book is on the top side and has 3 columns: Price, Amount, Cumulative Total
Buy orders are colored in green
Buy orders are placed by Cumulative Total growth by amount from the center to the bottom
Buy orders are ranged by price from the center to the bottom - from higher to lower
In case the Order book is empty:
...
Blurred image for the list of open orders for 'Sell' and 'Buy' parts
...
See auto-filled changes in the order form with the following details:
Side of order is 'Buy'
Type of order is 'Limit'
Balance available for the Quote Currency according to the selected Market Pair (zero balance for Unauthorized User)
Field "Price" with automatically set price (in Quote Currency and with Currency ID) from the limit buy order, which I had selected (by pressing on it) from the order book
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% (deactivated for Unauthorized User)
Field 'Amount' to buy, with Base Currency ID and "Minimum trade amount" pre-set by default
Field "Total" for the Total sum in Quote Currency
"Buy" button, it has a green color, activated
Use "Limit Buy Order" order form according to "Part 10.7. of User Stories v 1.5.0"
10.2. "Chart" block
In the "Chart" component, I can see the following details:
...
"Markets" drop-down button
Logos and ID of the Market Pair selected by default
24 h changes for the pair in Quote currency: low price, high price; Volume in Base currency
Integrated Trading View tool-set
...
I can see the following details in the Markets Selector menu:
...
Input field for the Market Pair search by ID
"X" button top right to close the Market Selector menu
Navigation tools for the list of Markets
Range tools for 'Market', 'Price', '24 h chg'
The list of Market Pairs with the main details for each one:
Star icon as a checkbox to remember market pair (Favourite)
Market pair Currencies IDs
Current Market Price
'24 h' Price change in percent (green for positive, red for negative)
Scroll for the list of Markets
...
Click on 'Market' and range/arrange the list of market IDs by alphabet order/market position order
Click on 'Price' and range/arrange the list of markets by price from top to bottom - from higher to lower/market position order
Click on '24 h chg' and range/arrange the list of markets by '24 h' Price change in percent from top to bottom - from higher to lower/market position order
10.3. "Open orders" tab in 'History' block
As a User, I can press the "Open orders" tab in the "History" block and switch to my 'Open orders' section and:
...
See the following details:
Selected tab is highlighted
"Cancel All" button
The list of open User's orders for the selected market
Scroll - bar for the list of Open Limit Orders
Main details per each open order:
Timestamp of creation
Market pair with market ID
Side ("Buy" has green color, "Sell" has red color)
Type (Limit order only)
Price (in quote currency)
Amount (in base currency)
Total volume (in quote currency) as Price multiplied by Amount
Percent of Executed part of the limit order
"X" button to cancel the limit order
Press "Cancel All" button and:
See all limit orders for the selected market deleted
Press "X" button per order and:
See the limit order deleted
See a popup notification message "Success: Delete order"
...
The text "There are no open orders"
10.4. "Orders history" tab in 'History' block
As a User, I can press the "Orders history" tab in the "History" block and switch to my 'Orders History' section and:
...
See the following details:
Selected tab is highlighted
The list of orders in history
Scroll - bar for the list of Orders
Main details of each order:
Timestamp of creation
Market pair with market ID
Side ("Buy" has green color, "Sell" has red color)
Type (Limit or Market)
Price (in quote currency). For the Market Order is Average Executed Price
Amount (in base currency)
Percent of Executed part of the limit order
Total volume (in quote currency) as Price multiplied by Amount
Status of order 'Closed' or 'Canceled' or 'Partially executed' (For the Market Order only 'Closed')
...
The text "No order history"
10.5. "My trades" tab in 'History' block
As a User, I can press the "My trades" tab in the "History" block and switch to my 'Orders History' section and:
...
See the following details:
Selected tab is highlighted
The list of My trades for the selected Market Pair
Each Trade record from the list has main details:
Timestamp of execution
Side ("Buy" has green color, "Sell" has red color)
Price
Amount (in base currency)
Total volume (in quote currency) as Price multiplied by Amount
...
The text "There are no trades to display"
10.6. "Market Buy" Order Form
IIn In the "Market Buy" Order form, I can:
...
See the following details:
Selected tab "Buy" is active
Tab "Sell" on the right to "Buy" tab, not active
Selected Tab "Market" is active
Tab "Limit" is inactive
Balance available in Advanced Trading Wallet for the selected Quote Currency according to the selected Market pair
"Price" field with Market price for the Base Currency (Approximate) according to the selected Market pair
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100%
Field 'Amount' to buy, with Base Currency ID and "0" pre-set by default
Field "Total" for Amount to spend (Approximate, with Quote Currency ID), as a result of Amount multiplied by Price
"Buy" button, it has green color, deactivated
Click on Input field for amount to Buy and see:
Field clearing automatically
Input only "dot" first and see:
See automatically changing to " 0. " in the Input field
Input amount to Buy and see:
See the calculated Amount in "Total" field required to spend on Trade (Approximate) according to Market Price (Observe "Buy" button activated if everything is correct)
Edit amount to Buy and see:
See the calculated Amount in "Total" field required to spend on Trade (Approximate) changing according to Market Price (Observe "Buy" button activated if everything is correct)
Press activated "Buy" button and in case everything is correct:
See popup notification message "Market Order was successfully created".
Fields "Amount" and "Total" refreshed to "0", Available Balance in Quote currency adjusted accordingly.
"Buy" button deactivated.
Press 25% tab above Base Currency and see:
See the 25% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend
Press 50% tab above Base Currency and see:
See the 50% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend
Press 75% tab above Base Currency and see:
See the 75% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend
Press 100% tab above Base Currency and see:
See the 100% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend
Input amount to Buy that will be higher than Maximum allowed to Buy according to Quote currency Available Balance and see:
See "Buy" button deactivated
Leave "Amount" input field empty and see:
See "Buy" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to buy
Input amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy
Edit amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy
Press activated "Buy" button and in case the market has low liquidity and see:
See error popup notification message "Insufficient market liquidity. Failed to create order".
Fields "Amount" and "Total" refreshed to "0".
"Buy" button deactivated.
Press activated "Buy" button, and in case of Quote currency Low Available Balance due to Market Price change and see:
See error popup notification message "Insufficient funds. Failed to create order".
Fields "Amount" and "Total" refreshed to "0".
"Buy" button deactivated.
10.7. "Limit Buy" Order Form
In the "Limit Buy" Order form, I can:
...
See the following details:
Selected tab "Buy" is active
Tab "Sell" on the right to "Buy" tab, not active
Tab "Market" inactive
Selected Tab "Limit" is active
Balance available in Advanced Trading Wallet for the Quote Currency according to the selected Market Pair
Field "Price" with Quote Currency ID and "0" pre-set by default
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100%
Field 'Amount' to buy, with Base Currency ID and "0" pre-set by default
Field "Total" for the Total sum in Quote Currency
"Buy" button, it has green color, deactivated
Click on the Input field for the price to Buy and see:
Field clearing automatically
Click on the Input field for the amount to Buy and see:
Field clearing automatically
Input only "dot" first and see:
See automatically changing to " 0. " in the Input field
Input Price and Amount for the Base Currency and see:
See the calculated Amount in "Total" field as a sum of Price multiplied by Amount (Observe "Buy" button activated if everything is correct)
Edit Price or/and Amount for the Base Currency and see:
See the calculated Amount in "Total" according to the new numbers of Price multiplied by Amount (Observe "Buy" button activated if everything is correct)
Press activated "Buy" button and in case everything is good:
See the popup message "Limit Order was successfully created".
Fields "Amount" and "Total" refreshed to "0". Field "Price" still with the last edits.
Available Balance in Quote currency adjusted accordingly.
"Buy" button deactivated.
Press 25% tab above Base Currency and see:
See the 25% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend
Press 50% tab above Base Currency and see:
See the 50% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend
Press 75% tab above Base Currency and see:
See the 75% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend
Press 100% tab above Base Currency and see:
See the 100% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend
Leave "Amount" input field empty and see:
See "Buy" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to buy
Leave "Price" input field empty and see:
See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy
Input amount to Buy that will be higher than Maximum allowed to Buy according to Quote currency Available Balance and see:
See "Buy" button deactivated
Input only Price for the limit buy order and see:
See "Buy" button deactivated
Input only Amount for the limit buy order and see:
See "Buy" button deactivated
Input amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy
Edit amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy
Input price to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy
Edit price to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy
Input price to Buy that will be higher than Maximum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy
Edit price to Buy that will be higher than Maximum allowed to Buy according to Market settings and see:
See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy.
10.8. "Limit Sell" Order Form
In the "Limit Sell" Order form, I can:
...
See the following details:
Tab "Buy" on the left to "Sell" tab, not active
Selected tab "Sell" is active
Tab "Market" inactive
Selected Tab "Limit" is active
Balance available in Advanced Trading Wallet for the Base Currency according to the selected Market Pair
Field "Price" with Quote Currency ID and "0" pre-set by default
Field 'Amount' to sell, with Base Currency ID and "0" pre-set by default
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100%
Field "Total" for the Total sum in Quote Currency
"Sell" button, it has red color, deactivated
Click on the Input field for price to Sell and see:
Field clearing automatically
Click on the Input field for the amount to Sell and see:
Field clearing automatically
Input only "dot" first and see:
See automatically changing to " 0. " in the Input field
Input Price and Amount for the Base Currency and see:
See the calculated Amount in "Total" field as a sum of Price multiplied by Amount (Observe "Sell" button activated if everything is correct)
Edit Price or/and Amount for the Base Currency and see:
See the calculated Amount in "Total" according to the new numbers of Price multiplied by Amount (Observe "Sell" button activated if everything is correct)
Press activated "Sell" button and in case everything is good:
See the popup message "Limit Order was successfully created".
Fields "Amount" and "Total" refreshed to "0". Field "Price" still with the last edits.
Available Balance in Base currency adjusted accordingly.
"Sell" button deactivated.
Press 25% tab above Base Currency and see:
See the 25% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell
Press 50% tab above Base Currency and see:
See the 50% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell
Press 75% tab above Base Currency and see:
See the 75% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell
Press 100% tab above Base Currency and see:
See the 100% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell
Leave "Amount" input field empty and see:
See "Sell" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to sell
Leave "Price" input field empty and see:
See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell
Input amount to Sell that will be higher than Maximum allowed to Sell according to Base currency Available Balance and see:
See "Sell" button deactivated
Input only Price for the limit sell order and see:
See "Sell" button deactivated
Input only Amount for the limit sell order and see:
See "Sell" button deactivated
Input amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell
Edit amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell
Input price to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell
Edit price to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell
Input price to Sell that will be higher than Maximum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell
Edit price to Sell that will be higher than Maximum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell.
10.9. "Market Sell" Order Form
In the "Market Sell" Order form, I can:
...
See the following details:
Tab "Buy" on the left to "Sell" tab, not active
Selected tab "Sell" is active
Selected tab "Market" is active
Tab "Limit" inactive
Balance available in Advanced Trading Wallet for the Base Currency according to the selected Market Pair
"Price" field with Market price for the Base Currency (Approximate) according to the selected Market pair
Field 'Amount' to sell, with Base Currency ID and "0" pre-set by default
Tabs to use Available Assets in percent: 25% 50% 75% 100%
Field "Total" for Amount to spend (Approximate, with Quote Currency ID), as a result of Amount multiplied by Price
"Sell" button, it has red color, deactivated
Click on Input field for the amount to Sell and see:
Field clearing automatically
Input only "dot" first and see:
See automatically changing to " 0. " in the Input field
Input amount to Sell and see:
See the calculated Amount to receive after the Trade (Approximate) in "Total" field according to Market Price (Observe "Sell" button activated if everything is correct)
Edit amount to Sell and see:
See the calculated Amount to receive after the Trade (Approximate) in "Total" field according to Market Price (Observe "Sell" button activated if everything is correct)
Press activated "Sell" button and in case everything is correct:
See the popup notification message "Market Order was successfully created".
Fields "Amount" and "Total" refreshed to "0", Available Balance in Base currency adjusted accordingly.
"Sell" button deactivated.
Press 25% tab above Base Currency and see:
See the 25% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell
Press 50% tab above Base Currency and see:
See the 50% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell
Press 75% tab above Base Currency and see:
See the 75% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell
Press 100% tab above Base Currency and see:
See the 100% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell
Input amount to Sell that will be higher than Maximum allowed to Sell according to Base currency Available Balance and see:
See "Sell" button deactivated
Leave "Amount" input field empty and see:
See "Sell" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to sell
Input amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell
Edit amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell
Press activated "Sell" button and in case the market has low liquidity:
See an error popup notification message "Insufficient market liquidity. Failed to create order".
Fields "Amount" and "Total" refreshed to "0". "Sell" button deactivated.
10.10. "Recent Trades" Block
In the "Recent trades" block, I can see the following details:
...
The list of Trades for the selected Market Pair
Each Trade record from the list has main details:
Price ("Buy" has green color, "Sell" has red color)
Amount
Timestamp of execution
In case there are no recent trades, I can see a blurred image for the list of trades.
...
11. Profile & Settings
As an Authorized User on the User Profile Menu Page, you I can:
...
See main User information:
User's Name (just "User" if not passed KYC) and email address
Selected tab "User" or "User's Name" (after KYC is completed) is highlighted, and the text on it changes color
See Sections:
Tab "Settings"
Tab "Details"
Tab "Verification"
Press "Logout" button and:
Log out from the User Account and go to the Authorization Page
11.1. "Settings" Section
In the "Settings" section as a User, I can see:
The selected tab is highlighted, and the text on it changes color.
2 FA (Two-Factor Authentication) Status options, 'Disabled' by default.
Toggle for 2 FA is in the "off" position and has red color.
"Change Password" portion to change the password.
11.2. 2 FA Toggle in 'Disabled' Status to Enable 2 FA
As a User, I can press 2 FA Toggle in 'Disabled' status to Enable 2 FA and open the "2 FA Activation" modal window.
In the modal window, I should see the following details:
...
Google Authentication app logo and "2 FA Activation" in the header.
A text proposition to "1. Use Google Authentication app to enter secret 2 FA code."
A QR code to scan.
A text proposition to "2. Enter your 2 FA code from the app."
An input field for the 2 FA code.
An "X" button below the main form to close the modal window.
...
See a popup error notification message "2 FA code is wrong."
11.3. 2 FA Toggle in 'Enabled' Status to Disable 2 FA
As a User, I can press the 2 FA Toggle in 'Enabled' status to Disable 2 FA and open the "Disable 2 FA" modal window.
In the modal window, I should see the following details:
...
Google Authentication app logo and "Disable 2 FA" in the header.
The text proposition "Please enter your 2 FA code."
An input field for the 2 FA code.
An "X" button below the main form to close the modal window.
...
See a popup error notification message "2 FA code is wrong."
11.4. "API Keys" Portion
As a User, I can click on the "API Keys" portion and open the API Keys page.
In the main form, I should see the following details:
...
A "+ Create New API Key" button on the top.
A list List of my API keys with the following details for each one:
Description for API key
Timestamp for the expiration of the API key
A "Delete" button
A scroll Scroll bar for the list of API keys.
In case there are no API keys, I should see the text "No API Keys."
11.4.1. Create API Key
As a user, I can press the "+ Create New API Key" button and see the following details:
...
"+ Create New API Key" button on top becomes an input field.
Text prompt "Input New API Key Description" in the input field.
"Create" button to the right of the input field, deactivated in case of an empty input field.
...
Input correct secret 2 FA code in the field and see the following details in the "New API Token Created" modal window:
...
"New API Token Created" header.
The notice text "Do not publish or share your personal secret API token. You will not be able to view it again once you close this window, so be sure to copy and record it securely."
Field with generated personal API token.
"Copy" icon as a button to copy API token.
See popup notification message "New API Key Created."
"X" button below the "New API Token Created" modal window.
...
Close the modal window "2 FA Activation is Required."
Get back to API Keys page.
11.4.2. Delete API key
As a user, I can press the "Delete" button and:
...
Close the modal window "2 FA Activation is Required."
Get back to the API Keys page.
11.5. "Change Password" Portion
As a user, I can click on the "Change Password" portion and:
Open the "Change Password" modal window.
See the following details in the modal window:
...
"Change Password" header.
Input field for the Old Password.
Input field for the New Password.
Input field to Confirm New Password.
"Submit" button (inactive until the fields are filled with information).
"X" button below the main form to close the modal window.
...
Close the modal window "Change Password."
11.6. "Details" Tab
As a user, I can press the "Details" tab and:
Switch to the Details Section of the User Profile Menu.
See the following:
...
The selected tab is highlighted, and the text on it changes color.
"History" portion.
"Open Orders" portion.
“Referrals” portion.
11.7. "History" Portion
As a user, I can click on the "History" portion and:
...
Screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history."
11.7.1. "Filter" Section
In the "Filter" Section as a user, I can:
See the following details:
...
"Filters" header.
"Date" filter for Date Range.
"Calendar" icon as a button to set the dates range.
"Type" filter with operations tags:
"Deposit" filter tag.
"Withdraw" filter tag.
"Swap" filter tag.
"Trade" filter tag.
"Staking" filter tag.
"Referral" filter tag.
Input field in "Currencies" filter to search currency by ID.
"Currencies" filter with "Checkbox" per all available Currencies.
Search field for "Currencies" filter.
"Apply" button.
"Reset filter" text as a button.
Press the "Calendar" icon as a button and:
...
Open "Date Selector" form.
Select 'Date from' (Start date).
Select 'Date to' (End date).
...
Reset all filters for Operations History.
11.7.2. "History" Section
In the "History" section, as a user, I can:
See the following:
...
"History" header.
The list of all Operations Records.
Scroll-bar for the list of Operations Records.
Main Details of each Operation Record:
Name by Type.
Side for Trade operations ("Buy" has green color, "Sell" has red color).
Timestamp of operation.
Currency(ies) ID(s).
Amount.
...
See the Operation record highlighted, and the text changes color.
See Detailed description of the selected Operation Record in "Details" section on the right.
11.7.3. Details Section
In the "Details" section, as a user, I can:
See the following details for selected "Deposit" operation:
...
"Details" header.
"Currency" line with Logo and ID of Currency.
"Network" line with the name of the Network and ID of Currency in case of token deposit operation.
"Date" line with the date and time of operation.
"Type" line with the type of operation.
"Amount" line with the amount and ID of Currency.
"Fee" line with the fee amount and ID of Currency.
"Status" line for the deposit operation status ("Success" has green color).
"Blockchain Transaction" link (to explorer) in case of a successful deposit operation.
...
See the following details for selected "Withdraw" operation:
...
"Details" header.
"Currency" line with Logo and ID of Currency.
"Network" line with the name of the Network and ID of Currency in case of token withdrawal operation.
"Date" line with the date and time of operation.
"Type" line with the type of operation.
"Amount" line with the amount and ID of Currency.
"Fee" line with the fee amount and ID of Currency.
"Status" line for the withdrawal operation status ("Success" has green color, "Processing" and "Admin Review" have yellow color, "Rejected" has red color).
"Blockchain Transaction" link (to explorer) in case of a successful withdrawal operation.
...
See the following details for selected "Swap" operation:
...
"Details" header.
"Market pair" line with Logos and IDs of Currencies.
"Date" line with the date and time of operation.
"Type" line with the type of operation.
"Sell" line with the amount and ID of Currency.
"Buy" line with the amount and ID of Currency.
"Rate" line with the rate for the selected Market Pair.
See the following details for selected "Trade" operation:
...
"Details" header.
"Market pair" line with Logos and IDs of the Currency pair.
"Date" line with the date and time of operation.
"Type" line with the type of operation.
"Side" line with the side name of the Trading ("Buy" has green color, "Sell" has red color).
"Price" line with the trading price in the quote currency.
"Amount" line with the amount and ID of Currency (Base Currency).
"Total" line with the amount and ID of Currency (Quote Currency).
See the following details for selected "Staking" operation:
...
"Details" header.
"Currency" line with Logo and ID of Currency.
"Date" line with the date and time of operation.
"Type" line with the type of operation.
"Amount" line with the amount and ID of Currency.
See the following details for selected "Referral" operation:
...
"Details" header.
"Currency" line with Logo and ID of Currency.
"Date" line with the date and time of operation.
"Type" line with the type of operation.
"Amount" line with the amount and ID of Currency.
"Status" line for the Referral Reward operation status ("Success" has green color).
11.8. "Open Orders" Portion
As a user, I can click on the "Open Orders" portion and:
Open the 'Orders history' page.
See the following details:
...
Tab "Open Orders" selected by default.
Selected tab is highlighted.
Tab "Orders History" on the right to "Open Orders."
The list of open orders.
Scroll-bar for the list of Open Limit Orders.
Main details per each open order:
Timestamp of creation.
Market pair with market ID.
Side ("Buy" has green color, "Sell" has red color).
Type (Limit order only).
Price (in quote currency).
Amount (in base currency).
Total volume (in quote currency) as Price multiplied by Amount.
Percent of Executed part of the limit order.
"X" button to cancel the limit order.
...
Press "Orders History" tab and:
...
Switch to the Orders History section.
Selected tab is highlighted.
The list of orders in history.
Scroll-bar for the list of Orders.
Main details of each order:
Timestamp of creation.
Market pair with market ID.
Side ("Buy" has green color, "Sell" has red color).
Type (Limit or Market).
Price (in quote currency). For the Market Order is Average Executed Price.
Amount (in base currency).
Percent of Executed part of the limit order.
Total volume (in quote currency) as Price multiplied by Amount.
Status of order 'Closed' or 'Canceled' or 'Partially executed' (For the Market Order only 'Closed').
...
The text "There is no information to display it here yet. Please try creating a limit or market order."
11.9. "Referral" Portion
As a user, I can click on the "Referrals" portion and:
...
See the following features and options:
...
"Referral Code" section with main details
'Referral Code' header.
A. 'Referral code' field with:'Code' icon.
Referral code, generated by the system.
'Copy' icon as a button.
B. 'Referral link' field with:'Link' icon.
Generated unique Referral Link to invite referrals (Once User has the referral link, it can be shared in various means).
'Copy' icon as a button.
"My referrals" section to monitor referrals amount by levels
'Level 1': This represents User's direct referrals. These are individuals who signed up using User's unique referral link. The 'Level 1' field shows the total number or amount of referrals you've directly brought in.
'Level 2': This level refers to the referrals made by the people User directly referred (Level 1 referrals). The 'Level 2' field displays the total number or amount of referrals that User's Level 1 referrals have generated.
'Level 3': Continuing the tiered structure, 'Level 3' represents referrals made by the individuals User indirectly referred through User's Level 2 referrals. The field displays the total number or amount of referrals at this level.
'Level 4': Similarly, 'Level 4' indicates the referrals made by those who were indirectly referred through User's Level 3 referrals. The field shows the total number or amount of referrals on this level.
'Level 5': Refers to the referrals made by individuals who were indirectly referred through User's Level 4 referrals. The 'Level 5' field displays the total number or amount of referrals on this level.
...
Copy the generated unique Referral link to clipboard.
See popup notification message "Copied."
11.10. "Verification" Tab
As a user, I can press the "Verification" tab and:
...
See the following details on the "Verification" Section:
...
Selected Tab is highlighted, and text on it changes color.
"Email verification" portion with an icon.
"Verify" button in the "Email verification" portion.
"Phone verification" portion with an icon.
"Verify" button (deactivated) in the "Phone verification" portion.
"Identity verification" portion with an icon.
"Verify" button (deactivated) in the "Identity verification" portion.
...
See a popup notification message "Pass the verification of the points above."
11.10.1. Email Verification
As a user, I can verify my email:
...
See page refreshing, popup notification "Your email is Verified, Thank you."
See "Verify" button in "Email verification" line changed to "Verified" status with a positive checkbox icon.
See "Verify" button in "Phone verification" line is activated.
11.10.2. Phone Number Verification
As a user with "Verified Email" status, I can verify my phone number:
...
See the following details in "Phone Verification" modal window:
...
"Phone Verification" header.
The text proposition "Please submit your phone number for verification."Enter phone number”
"Drop Down" button to select the country and its phone code from the list, with the flag icon of the selected country on it (USA & "+1" by default).
Input field for entering the phone number.
"Request SMS code" button.
"X" button below the form to close the modal window.
...
Input the phone number, press "Request SMS code" button and see:
...
A popup notification message "Verification code was sent to [phone number]."
- "Pencil" icon as a button for correction of the phone number appears in the field.
- The input field for the code from SMS appear below the field for the phone number.
- Timer on the right to input field for the code from SMS, which shows the time left to have a chance to request the code by SMS one more time.
- "Resend code" button in case I need to request sending another SMS with the code.
- "Submit" button.
...
Press "X" button below the "Phone Verification" modal window and:
Close the modal window.
11.10.3. Identity Verification
As a User with "Verified Email" and "Verified Phone number" statuses, I can submit my identity details for verification:
...
Press the "Verify" button in the "Identity verification" line and open the "Identity verification" modal window.
In the "Identity verification" modal window, input the following details:
First name
Last name
Date of Birth (by selecting the date on the calendar modal window)
Country of Residence (by selecting the Country in the Country selector modal window)
City name
Residential address
Postcode
Press the "Submit" button and open the "Document Upload" modal window.
Press the "Submit" button with one or several empty fields and:
See an error popup stating "[Name of the field] should not be empty."
See the field with a mistake or an empty field having a red border.
11.10.4. Document Confirmation
In the "Document Upload" modal window, as a User I can:
...
See the following details:
"Drop-down" button to select the type of the document
"Document number" input field
"Expiration date" input field
"Upload your photo ID" text
"Camera" icon as a button
Restriction for the file to upload maximum size and files maximum count
"Submit" button (deactivated)
"X" button below the "Identity Verification" modal window
Press the "Drop-down" button to select the type of the document and see available options: Passport, Driver license, or Utility bill.
Input Document number and Date of Expiration (by selecting the date on the calendar modal window).
Press the "Camera" icon as a button and upload the image of the document (Maximum 10 Mb restriction).
...