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
I can see on header navigation bar (from left to right):
Header Navigation Bar:
Company Logo
"Exchange" tab
"Trade" tab
"How it works" clickable link
"Sign up" tab
"Language Switcher" drop-down
"Theme Switcher" toggle for Night/Day mode
See the following details Login Page:
Header with the Platform's name in the middle
Text about Platform's main functionality below the header
"Sign in" form section in the middle
"Use cases" block:
Info about services and functionality
'Book a call' service with a calendar form
"Contact Form" service
Link to the main site of the Company
Footer block
Actions:
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:
"Sign in" text in the upper left
"New user?" text
"Create account" clickable text
"Email" input field
"Password" input field
"Eye" clickable switch for "Password" visibility
"Remember me" checkbox
"Forgot password?" clickable text
"Sign in" button
"Google" button
Use "Sign in" form and...
Input registered Email
Input my Password
Press on "Eye" icon as a button on the right of input field "Password" and...
Make password visible or hidden
Press "Sign in" button without any mistakes in email and password, and...
See the page refreshing and forwarding to the Wallets Page as a logged-in User
Press "Sign in" button after making a mistake in the Email field or leave the Email field empty and...
See an error popup notification "Authentication Error. Invalid credentials"
See the field with a mistake or an empty field has a red border
Press "Sign in" button after making a mistake in the Password field or leave the Password field empty and...
See an error popup notification "Authentication Error. Invalid credentials"
See the field with a mistake or an empty field has a red border
Click "Create account" link and...
Switch to "Sign up" form
Press "Google" button and...
Log in with my Google account
As an Unauthorized registered User, I can click on "Remember me" checkbox during login and...
"Make my login session persist across browser sessions for quickly access my account without re-entering credentials until I explicitly log out"
As an Unauthorized registered User, I can click on the active "Remember me" checkbox during login and...
"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...
...open the “Reset password” modal window
In "Reset password" modal window, I can:
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...
See the "2 FA Confirmation" modal window opening
In "2 FA Authentication" modal window, I can:
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...
See the "Please confirm you are not a robot" modal window opening
In the "Please confirm you are not a robot" modal window, I can:
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 the following details:
Navigation bar on the header (see details in part II of User Stories v 1.5.0)
Header with the name of the Platform in the middle
Link to the main site of the Company
"Create new password" form
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
In the "Create new password" form, I can:
See the following details:
Header "Create new password" in the middle
Input field for the New password setup with "Eye" icon as a button to the right
Input field to Confirm password with "Eye" icon as a button to the right
"Proceed" button
Enter required information in the "Create new password" form and...
Input New password
Confirm password
Press on "Eye" icon as a button on the right of the input field "New password" and...
Make the password visible or hidden
Press on "Eye" icon as a button on the right of the input field "Confirm password' and...
Make the password to confirm visible or hidden
Press "Proceed" button and...
See the page refreshing and forwarding to Sign-in/Sign-up Page (see details in part II of User Stories v 1.5.0) and use the New password for login
Press "Proceed" button and leave the password field empty or create a weak password...
See an error popup message "Your password must meet the following requirements:
Minimum length of 8 characters
At least one number
At least one symbol
At least one uppercase letter"
See the field with a mistake or an empty field has a red border
Press "Proceed" button and leave the field for confirmation of the password empty...
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...
See the following details:
Header "Sign Up" on the left
Text "Do you have an account?" and a link "Sign in" on the right
Input field for Email
Input field for the Password setup with "Eye" icon as a button to the right
Input field to Confirm setup Password with "Eye" icon as a button to the right
Input field for Referral code (Optional)
"Checkbox" with the text "I agree with Terms & Conditions" as a link
"Sign up" button
"Google" button
Enter required information in the "Sign up" form and...
Input Email
Input Password
Confirm Password
Press on "Eye" icon as a button on the right of the input field "Password" and...
Make the password visible or hidden
Press on "Eye" icon as a button on the right of the input field "Confirm Password' and...
Make the password to confirm visible or hidden
Press "I agree with Terms & Conditions" text as a link and...
Open a new tab with Terms & Conditions of the platform
Press "Checkbox"...
To confirm accepting the Terms & Conditions
Press "Sign up" button and...
See the page refreshing and forwarding to Wallets Page as a logged-in User
Press "Sign Up" button and leave the email field empty...
See an error popup message "Input error. The input text is not an email"
See the field with a mistake or an empty field has a red border
Press "Sign Up" button and leave the password field empty or create a weak password...
See an error popup message "Your password must meet the following requirements:
Minimum length of 8 characters
At least one number
At least one symbol
At least one uppercase letter"
See the field with a mistake or an empty field has a red border
Press "Sign Up" button and leave the field for confirmation of the password empty...
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
In case of not confirming agreement by pressing "Checkbox" and press "Sign Up" button...
See an error popup message "Please read and accept the Terms of Use"
Click "Sign In" link and...
Switch to "Sign In" form
Press "Google" button and...
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...
See the "Please confirm you are not a robot" modal window opening
In the "Please confirm you are not a robot" modal window, I can:
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
As a user, I can see Footer section with main details (from left to right):
Logo of the Company
"Partners" Column with clickable links to additional information pages:
Chainstack
Fireblocks
Gas Tracker
"Useful Links" Column with clickable links to additional information pages:
Comparison
Documentation
Presentation
"Legal" Column with clickable links to additional information pages:
Privacy Policy
Terms of Use
EULA
"Follow Us" Column with clickable links to additional information pages:
Discord
Facebook
Linkedin
Buttons redirecting to the app stores
Link to the main site of the Company
Double click on the Logo of the Company in Footer section and...
See a popup message with URL address and APP version
Press any link from the columns and...
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:
Selected tab in Navbar Header is highlighted
Header with the name of the Platform in the middle
Text About Platform main functionality below the header with name
"Exchange" form section in the middle
"Use cases" block with Info about services and functionality the Platform can support
"Footer" block with main details (see part 3 of User Stories v 1.5.0)
I can See details in "Exchange" form:
Tab "Exchange Crypto" selected by default
Selected tab is highlighted
Tab "Buy/Sell Crypto" (inactive until Fiat processing service is connected)
"Send" field to enter the amount to Exchange, pre-populated with a certain amount (Minimum to exchange set in Admin Panel x 10)
Minimum amount to send notification (according to market settings), on top of the input field "Send"
"Drop-down" button to select Currency to Send, with its logo and ticker
"Exchange Fee" for the transaction
"Estimated Rate" for 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
"Reverse" button for changing Currency positions between "Send" and "Receive"
"Receive" field with double tilde (approximate) for "Receive" in Exchange amount
"Drop-down" button to select Currency to Receive, with its logo and ticker
"Exchange" button
I can Edit amount for Exchange and...
See calculated amount of Currency to Receive in the field "Receive"
Observe Amount of the Currency to Receive depends on the estimated rate of the selected Market Pair and changes if edit the Amount to Send
See "Exchange" button activated if the updated amount fits market settings requirements
Input only "dot" first and see automatically changing to " 0. " in the Input field
Input amount of the Currency to Exchange lower than the minimum allowed:
See error text "Amount is too low" in the field "Receive"
See "Exchange" button deactivated
Leave input field for Amount to Send empty:
See error text "Invalid Value" in the field "Receive"
See "Exchange" button deactivated
Press "Drop Down" button to select Currency to Send and open the Currencies drop-down list
See the list of currencies suggested as Currencies to Send (according to Market Pairs on the platform): Logo, ID, Full name
Select the Currency to Send from the list
See the Exchange details changed according to the Market parameters with new selected Currency (Minimum amount to Send, Rate, field 'Send' with pre-set amount)
Press "Drop Down" button to select Currency to Receive and open the Currencies drop-down list
See the list of currencies suggested as Currencies to Receive (according to Market Pairs on the platform): Logo, ID, Full name
Select the Currency to Receive from the list
See the Exchange details changed according to the Market parameters with new selected Currency (Minimum amount to Send, Rate, field 'Send' with pre-set amount)
Press "Switch" icon as a button in the Rate section and change the rate reflection Base/Quote or Quote/Base
Press "Reverse" button and see
Change position of selected currencies Currency to Receive -> Currency to Send
Press "Exchange" button and see the following:
"Step by Step Navigation" block
"Exchange" form section
"Sign in" form section
In "Step by Step Navigation" block I can see...
'Create account or sign in' header
Filling progress bar and stage notification '1 of 4'
Explainer for 4 steps to Exchange:
'System Login'. Login to perform the exchange, selected by default
'Receiving Address Details'. Select network & enter receiving address
'Sending Address Details'. Select network, copy address and send transfer
'Exchange Registered'. Exchange is pending receipt of inbound transfer
Current First Step in Explainer is highlighted
As a Unauthorized User I can use "Sign in" or "Sign up" form:
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 TradingView 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 Navbar Header is highlighted
5.1. "Order Book" Block
In the "Order book" component, the following details are visible:
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 center to top
Sell orders are ranged by price from center to 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: Spread=Lowest Ask Price−Highest Bid Price
"Buy" part of the orderbook 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 center to bottom
Buy orders are ranged by price from center to bottom - from higher to lower
In case the order book is empty, there is a blurred image for the list of open orders for 'Sell' and 'Buy' parts.
As an Unauthorized User, pressing on any Limit sell order from the "Sell" part of the orderbook allows users to see autofilled changes in the order form with the following details:
Side of order is 'Sell'
Type of order is 'Limit'
Balance available for the Base 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 sell order, which was selected (by pressing on it) from the orderbook
Field 'Amount' to sell, with Base Currency ID and "Minimum trade amount" pre-set by default
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% (deactivated for Unauthorized User)
Field "Total" for the Total sum in Quote Currency
"Sell" button, which is red and activated.
Use "Limit Sell Order" order form according "Part 5.6 of User Stories v 1.5.0"
As an Unauthorized User, pressing on any Limit buy order from the "Buy" part of the orderbook allows users to see autofilled 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 was selected (by pressing on it) from the orderbook
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 the "Chart" component, the following details are visible:
"Markets" dropdown button
Logos and ID of the Market Pair selected by default
24h changes for the pair in Quote currency: low price, high price; Volume in Base currency
Integrated TradingView toolset
Users can click on TradingView tools to customize their Chart Analytics tools.
Users can press the "Markets" dropdown button to open the Markets Selector menu on the left side over the 'Order book' block.
In the Markets Selector menu, users can see the following details:
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', '24h chg'
The list of Market Pairs with the main details for each one:
Star icon as a checkbox to remember the market pair (Favorite)
Market pair Currencies IDs
Current Market Price
'24h' Price change in percent (green for positive, red for negative)
Scroll for the list of Markets
Users can press "Star" icon as a checkbox to select/unselect Market Pair to become "Favorite" or usual.
Users can press "X" button top right in Markets Selector menu to close the Markets Selector menu.
Users can press "Markets" dropdown button to close the Markets Selector menu.
Users can use navigation tools for the list of Markets:
Search by Market ID
"Star" icon as a button to filter/unfilter Markets by "Favorite" or usual
Select tab with Currency ID to filter Markets with such Currency exist
Users can use range tools 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 '24h' 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, users can:
See the following details:
Text "Ready to trade your favorite assets?"
"Sign in" button
"Register to Trade" button
Users can press the "Sign in" button to go to the Authorization Page.
Users can press the "Register to Trade" button to go to the Authorization Page with the "Sign up" form selected by default.
5.4. "Market Buy" Order Form
In the "Market Buy" Order form, users 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
Available balance in Quote Currency according to the selected Market pair: 0
"Price" field with Market last price for the Base Currency (Approximate) according to the selected Market pair
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% - deactivated
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, which is green and activated
Users can click on the Input field for the amount to Buy and see:
Field clearing automatically
Users can input only "dot" first and see:
Automatically changing to " 0. " in the Input field
Users can input the amount to Buy and see:
The calculated Amount in "Total" field required to spend on Trade (Approximate) according to Market Last Price
Users can edit the amount to Buy and see:
The calculated Amount in "Total" field required to spend on Trade (Approximate) changing according to Market Last Price
Users can press "Buy" button and see:
Go to Authorization Page
Users can leave the input field for the amount to Buy empty and see:
Popup message about minimum amount (from market settings) under the field 'Amount' to buy
Users can input the amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
Popup message about minimum amount (from market settings) under the field 'Amount' to buy
Users can edit the amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
Popup message about minimum amount (from market settings) under the field 'Amount' to buy
5.5. "Limit Buy" Order Form
In the "Limit Buy" Order form, users can:
See the following details:
Selected tab "Buy" is active
Tab "Sell" on the right to "Buy" tab, not active
Tab "Market" is inactive
Selected Tab "Limit" is active
Available balance in Quote Currency according to the selected Market pair: 0
Field "Price" with Quote Currency ID and "0" pre-set by default
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% - deactivated
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, which is green and activated
Users can click on Input field for price to Buy and see:
Field clearing automatically
Users can click on Input field for amount to Buy and see:
Field clearing automatically
Users can input only "dot" first and see:
Automatically changing to " 0. " in the Input field
Users can input Price and Amount for the Base Currency and see:
The calculated Amount in "Total" field as a sum of Price multiplied by Amount
Users can edit Price or/and Amount for the Base Currency and see:
The calculated Amount in "Total" according to the new numbers of Price multiplied by Amount
Users can press "Buy" button and see:
Go to Authorization Page
Users can input amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
Popup message about minimum amount (from market settings) under field 'Amount' to buy
Users can edit amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
Popup message about minimum amount (from market settings) under field 'Amount' to buy
Users can input price to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to buy
Users can edit price to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to buy
Users can input price to Buy that will be higher than Maximum allowed to Buy according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to buy
Users can edit price to Buy that will be higher than Maximum allowed to Buy according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to buy
5.6. "Limit Sell" Order Form
In the "Limit Sell" Order form, users can:
See the following details:
Tab "Buy" on the left to "Sell" tab, not active
Selected tab "Sell" is active
Tab "Market" is inactive
Selected Tab "Limit" is active
Available balance in Base Currency according to the selected Market pair: 0
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% - deactivated
Field "Total" for the Total sum in Quote Currency
"Sell" button, which is red and activated
Users can click on Input field for price to Sell and see:
Field clearing automatically
Users can click on Input field for amount to Sell and see:
Field clearing automatically
Users can input only "dot" first and see:
Automatically changing to " 0. " in the Input field
Users can input Price and Amount for the Base Currency and see:
The calculated Amount in "Total" field as a sum of Price multiplied by Amount
Users can edit Price or/and Amount for the Base Currency and see:
The calculated Amount in "Total" according to the new numbers of Price multiplied by Amount
Users can press "Sell" button and see:
Go to Authorization Page
Users can input amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
Popup message about minimum amount (from market settings) under field 'Amount' to sell
Users can edit amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
Popup message about minimum amount (from market settings) under field 'Amount' to sell
Users can input price to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to sell
Users can edit price to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to sell
Users can input price to Sell that will be higher than Maximum allowed to Buy according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to sell
Users can edit price to Sell that will be higher than Maximum allowed to Sell according to Market settings and see:
Popup message about minimum price - maximum price (from market settings) under field 'Price' to sell
5.7. "Market Sell" Order Form
In the "Market Sell" Order form, users 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
Available balance in Base Currency according to the selected Market pair: 0
"Price" field with Market last price for the Base Currency (Approximate) according to 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% - deactivated
Field "Total" for Amount to spend (Approximate, with Quote Currency ID), as a result of Amount multiplied by Price
"Sell" button, which is red and activated
Users can click on Input field for amount to Sell and see:
Field clearing automatically
Users can input only "dot" first and see:
Automatically changing to " 0. " in the Input field
Users can input amount to Sell and see:
The calculated Amount to receive after the Trade (Approximate) in "Total" field according to Market Last Price
Users can edit amount to Sell and see:
The calculated Amount to receive after the Trade (Approximate) in "Total" field according to Market Last Price
Users can press "Sell" button and see:
Go to Authorization Page
Users can leave the input field for amount to Sell empty and see:
Popup message about minimum amount (from market settings) under field 'Amount' to sell
Users can input amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
Popup message about minimum amount (from market settings) under field 'Amount' to sell
Users can edit amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:
Popup message about minimum amount (from market settings) under field 'Amount' to sell
5.8. "Recent Trades" Block
In the "Recent Trades" component, users can see the following details:
"Recent trades" header
The list of Trades for the selected Market Pair
Each Trade record from the list has main details:
Price
Amount
Timestamp of execution
Prices for 'sell' trades are colored in red
Prices for 'buy' trades are colored in green
As an Unauthorized User, pressing on any 'sell' trade from the list of Trades for the selected Market Pair allows users to see auto-filled changes in the order form with the following details:
Side of order is 'Sell'
Type of order is 'Limit'
Balance available for the Base 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 sell order, which was selected (by pressing on it) from the order book
Field 'Amount' to sell, with Base Currency ID and "Minimum trade amount" pre-set by default
Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% (deactivated for Unauthorized User)
Field "Total" for the Total sum in Quote Currency
"Sell" button, which is red and activated.
Use "Limit Sell Order" order form according "Part 5.6 of User Stories v 1.5.0"
As an Unauthorized User, pressing on any 'buy' trade from the list of Trades for the selected Market Pair allows users to see autofilled 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 was selected (by pressing on it) from the orderbook
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"
In case there is no Trade History, users can see:
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:
Logo of the company (top left)
Tab "Wallets" to open the Wallets page (selected by default when login)
Selected Tab is highlighted (Text and icon change color)
Tab "Exchange" to open the On-chain Swap page
Tab "Trade" to open the Advanced Trading Interface page
Tab "User" or "User's Name" (after KYC is completed) to open the quick menu panel for extended navigation
"Language Switcher" dropdown for selecting language
"Theme switcher" button
As a user, I can press "Logo" image (top left) and observe:
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
2FA Status portion that can forward User to the Settings tab of the Profile menu
2FA Toggle indicating the 2FA status: Red - disabled / Green - enabled
Press 2FA Toggle opens a modal window to initiate 2FA 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 for the active Wallet in the list of Wallets, plain
Color for "Full History" button in the Recent History section, plain
Each Wallet from the list of Wallets has a "Star" icon as a checkbox
Each Wallet from the list of Wallets has the USD equivalent of Total Balance (Sum of both Available and Locked balances)
Staking Service:
In case the Wallet has Staking service, I can see a "Stake" icon below the "Star" icon
Pressing the "Star" icon as a checkbox allows selecting/unselecting the Wallet to become "Favorite" or usual
Use navigation tools for the list of Wallets (top of the list):
"Star" icon as a button to filter/unfilter Wallets by "Favorites" or usual
"Stake" icon as a button to filter/unfilter Wallets that have Staking service
Input field to search Wallet by the name or ID of the Currency
"Crossed zero" icon as a button to hide/show Wallets with zero balance
In case there are no Wallets with Staking service, the "Stake" icon as a button to filter/unfilter Wallets that have Staking service is disabled/deactivated
In case all zero balances, the "Crossed zero" icon as a button to hide/show Wallets with zero balance is disabled/deactivated
Wallet Details:
See the details of the Wallet:
Total assets balance for all 3 balances (main on top):
Assets available in Wallet for the selected currency
Assets locked in:
a) Pending Withdrawal
b) Open limit orders
USD equivalent of Total Balance (Sum of both Available and Locked balances)
"i" icon as a button near the Locked balance
Pressing the "i" icon as a button opens the "Locked in" modal window to observe the 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)
Staking Service in Wallet:
In case the Wallet has Staking service, as an Authorized User, I can:
See the details of the Wallet:
Total assets balance for all 3 balances (main on top):
Assets available in 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
Pressing the "i" icon as a button opens the "Locked in" modal window to observe the locked balance in 'Pending Withdrawal,' 'Open limit orders,' and 'Staking'
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"
"Stake"
In case of zero balance, "Sell" and "Send" buttons can be deactivated or activated (according to configuration settings)
Additional Details:
See the following details:
Simple Chart section (in case Currency has Market Pair with USDT quote currency) on 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 Currency Wallet 'Card' and...
Open the "Deposit" form as a modal window
See a popup notification message, "Deposit option is currently unavailable, please try again later," in case the currency has no activated deposit option in Payment Interface settings
In case the Currency has functionality to deposit through the WalletConnect service, as a User, I can select the "WalletConnect" tab in the 'Deposit Option' Selector part and...
Use the "WalletConnect" 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 Deposit Address
"X" button below the main form to close the modal window
...Select the network by pressing on the tab with the network name and observe...
The selected tab is highlighted
Minimum Amount allowed for deposit can change according to Payment Interface settings
Warning message changes according to the Network details
QR code and the text below it change according to the Network selected
Generated Deposit Address changes according to the Network selected
...Scan QR code and...
Get the deposit address (can use phone, tablet, etc.)
...Press "Copy" icon and...
Copy the deposit address to clipboard
See popup notification message "Copied"
...Press 'X" button and...
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 Currency Wallet 'Card' and in case the Currency has functionality to deposit through the WalletConnect service...
Open the "Deposit" form as a modal window and observe the following details:
'Deposit Option' Selector part as a header with tabs:
"WalletConnect" tab selected by default (selected tab is highlighted)
"Generated Address" tab
As a User, I can select the "Generated Address" tab in 'Deposit Option' Selector part and...
Use the deposit form for Generated Proxy Wallet (see part 8.1.1. of User Stories v 1.5.0)
See the following details in the "WalletConnect" 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
...Select the network by pressing on the tab with the network name and observe...
The selected tab is highlighted
Minimum Amount allowed for deposit can change according to Payment Interface settings
...Click on the Input field for amount to Deposit and see...
Field clearing automatically
...Input only "dot" first and...
See automatically changing to " 0. " in the Input field
...Input the amount of the Currency to Deposit lower than the minimum allowed...
See "Next" button deactivated
...Input the amount of the Currency that fits requirements to Deposit...
See "Next" button activated
...Press the 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 Deposit Address for connection in the WalletConnect app
Notice text about Selected Network, changes according to the Network selected
...As a User, I can use the External Wallet app to make a Direct deposit through the WalletConnect service and...
Scan QR code of the Direct deposit address to confirm connection in the External Wallet
...After connection confirm in External Wallet as a User, I can see...
Notice text "Awaiting confirmation of the operation in the wallet" in the "WalletConnect" deposit form
...After operation confirm in External Wallet I can see...
"WalletConnect" deposit form closing
See popup notification "Deposit Request Successfully Submitted" if everything is correct
...In case connection rejected in External Wallet as a User I can see...
"WalletConnect" deposit form closing
Popup error notification "User rejected the transaction"
...In case operation rejected in External Wallet I can see...
"WalletConnect" 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 Currency Wallet 'Card' and...
Open "Instructions for [Fiat] Deposit" form as a modal window
See a popup notification message "Deposit option is currently unavailable, please try again later" in case the currency has no activated deposit option in Payment Interface settings
...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
...Press "Copy" icon as a button to copy Recipient and...
Copy the 'Recipient' to clipboard
See popup notification message "Copied Recipient"
...Press "Copy" icon as a button to copy Account Number and...
Copy the 'Account Number' to clipboard
See popup notification message "Copied Account Number"
...Press "Copy" icon as a button to copy Account Type and...
Copy the 'Account Type' to clipboard
See popup notification message "Copied Account Type"
...Press "Copy" icon as a button to copy Bank Name and...
Copy the 'Bank Name' to clipboard
See popup notification message "Copied Bank Name"
...Press "Copy" icon as a button to copy Branch and...
Copy the 'Branch' to clipboard
See popup notification message "Copied Branch"
...Press "Copy" icon as a button to copy Referral No. and...
Copy the 'Referral No.' to clipboard
See popup notification message "Copied Referral No."
...Press 'X" button and...
Close the modal window "Instructions for [Fiat] Deposit"
8.2. "Buy" Currency
As a User, I can press the "Buy" button on Currency Wallet 'Card' and...
Open "Instant Buy Market Order" form as a modal window
See a popup notification message if there is no possibility to Buy
...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 selected Quote Currency
"Buy [Currency ID]" button
"X" button below the main form to close the modal window
...Click on the field to input the amount and...
See 'Amount' input field is auto-cleared and minimum amount to Buy notification (according to market settings), on top of the input field "Amount"
...Input the amount to Buy and...
See the calculated Amount in "Total' field required to spend on Trade (Approximate) according to Market Price
...Edit the amount to Buy and...
See the calculated Amount in "Total" field required to spend on Trade (Approximate) changing according to Market Price
...Input the amount to Buy that will be higher than Maximum allowed to Buy according to Quote currency Available Balance and...
Field 'Total' with calculated amount (Approximate) in Currency to Pay. Text has error color
See "Buy" button deactivated
...In case of an empty field for the amount to Base Currency...
See minimum amount to Buy notification (according to market settings), on top of the input field "Amount"
See error text '0.00' in the field 'Total'
See "Buy" button deactivated
...Input the amount to Buy that will be lower than Minimum allowed to Buy according to Market settings...
See minimum amount to Buy notification (according to market settings), on top of the input field "Amount"
Field 'Total' with calculated amount (Approximate) in Currency to Pay. Text has error color
See "Buy" button deactivated
...Press 25% tab above Quote Currency and...
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 Quote Currency and...
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 Quote Currency and...
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 Quote Currency and...
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
...Press "Drop down" button for Quote Currency and...
See the list of available Currencies to Spend according to Markets available for Trading (with logo and ID/Ticker)
...Press "Buy [Name of the Currency]" button and...
Observe Available Balances of the Base and Quote currencies are changed
See popup notification message "Market order was successfully created"
...Press "Buy [Name of the Currency" button, and in case the market has low liquidity...
See error popup notification message "Market has not enough liquidity. Failed to create order"
...Press "Buy [Name of the Currency" button, and in case of Available Balance in Quote currency is not enough anymore to execute the order due to Market Price change...
See error popup notification message "Insufficient funds. Failed to create order"
Field 'Amount' to buy with Base Currency "Minimum trade amount" pre-set (automatically)
...Press 'X" button below the form and...
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 open the 'Quick Swap' form as a modal window. In case there are no available markets to swap the currency, the 'Swap' button is deactivated.
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 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 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 logo and ID (Ticker)
Field 'Receive' with calculated amount (Approximate) in Currency to Receive
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 hardcoded)
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
Press the 'Drop Down' button to change Currency to Send and open the Currencies drop-down list. See the list of currencies suggested as Currencies to Send (according to Market Pairs on the platform): Logo, ID/Ticker. Select the Currency to Send from the list. See the Swap details changed according to the Market parameters with the newly selected Currency:
Pre-set for Send in the Input field for the amount to Send (Minimum amount to send according to market settings)
Current Balance of Currency to Send
Option(s) for Currency(ies) to receive
Field 'Receive' with calculated amount (Approximate) in Currency to Receive
Current Balance of Currency to Receive
Rate
Press the 'Reverse' button and see the change in position of selected currencies Currency to Receive -> Currency to Send.
Press the 'Drop Down' button to change Currency to Receive and open the Currencies drop-down list. See the list of currencies suggested as Currencies to Receive (according to Market Pairs on the platform): Logo, ID/Ticker. Select the Currency to Receive from the list. See the Swap details changed according to the Market parameters with the newly selected Currency:
Pre-set for Send in the Input field for the amount to Send (Minimum amount to send according to market settings)
Current Balance of Currency to Send
Option(s) for Currency(ies) to Send
Field 'Receive' with calculated amount (Approximate) in Currency to Receive
Current Balance of Currency to Receive
Rate
Press 'Switch' icon as a button in the Rate section and observe the change of the rate reflection Base/Quote or Quote/Base.
Click on the Input field for the amount to Send and see the previous input clears automatically and 'Minimum amount to send' notification on top of the input field "Amount" (according to market settings).
Input amount for Send and see the calculated amount (Approximate) of Currency to Receive in the field 'Receive'. Observe the Amount of the Currency to Receive depends on the estimated rate of the selected Market Pair and changes if edited the Amount to Send. See 'Swap' Button activated if the input amount fits requirements.
Input only 'dot' first and see it automatically changing to '0.' in the Input field.
Input an amount of the Currency to Swap lower than the minimum allowed and see the 'Minimum amount to send' notification on top of the input field "Amount" (according to market settings). See 'Swap' Button deactivated. Field 'Receive' with calculated amount (Approximate) in Currency to Receive. Text has error color.
Input an amount of the Currency to Send bigger than the Amount of the Available Assets and see 'Swap' Button deactivated. Field 'Receive' with calculated amount (Approximate) in Currency to Receive. Text has error color.
Leave the input field for Amount to Send empty and see the 'Minimum amount to send' notification on top of the input field "Amount" (according to market settings). See error text '0.00' in the field 'Receive'. See 'Swap' Button deactivated.
In case the available balance of the Currency to Send is lower than the min amount of the Currency to Send (first time open the form), see the amount pre-set equals to min amount to Send in the input field for Currency to Send. Field 'Receive' with calculated amount (Approximate) in Currency to Receive. Text has error color. See 'Swap' Button deactivated.
Press 'Swap' button and see the popup notification 'Successful' if everything is correct. See the modal window 'Swap form' closing and get back to Wallet details.
Press 'X' button below 'Swap' form and 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 Currency Wallet 'Card' and open the "Instant Sell Market Order" form as a modal window. If there is no possibility to sell the currency (The currency has no pairs where it is set as Base Currency), see a popup notification message "Error. This option is currently unavailable, please try again later". In case of zero balance, the "Sell" button can be deactivated or activated (according to configuration settings).
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 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
Click on the field to input the amount and see 'Amount' input field is auto-cleared and minimum amount to Sell notification (according to market settings), on top of the input field "Amount".
Input amount to Sell and see the calculated Amount to receive on Trade (Approximate) in "Total" field according to Market Price.
Edit amount to Sell and see the calculated Amount to receive on Trade (Approximate) changing according to Market Price.
Input amount to Sell that will be higher than Maximum allowed to Sell according to Base currency Available Balance and see Field 'Receive' with calculated amount (Approximate) in Currency to Receive. Text has error color. See "Sell" button deactivated.
In case of an empty field for the Amount of Base Currency, see minimum amount to Sell notification (according to market settings), on top of the input field "Amount". See error text '0.00' in the field 'Receive'. See "Sell" button deactivated.
Input amount to Sell that will be lower than Minimum allowed to Sell according to Market settings, see minimum amount to Sell notification (according to market settings), on top of the input field "Amount". Field 'Receive' with calculated amount (Approximate) in Currency to Receive. Text has error color. See "Sell" button deactivated.
Press 25% tab above Currency to Sell (Base Currency) and 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 Currency to Sell (Base Currency) and 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 Currency to Sell (Base Currency) and 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 Currency to Sell (Base Currency) and 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.
Press "Drop down" button for Quote Currency and see the list of available Currencies to Receive according to Markets available for Trading (with logo and currency ID/Ticker).
Press "Sell [Name of the Currency]" button and observe Available Balances of the Base and Quote currencies are changed and popup notification message "Market order was successfully created". Field 'Amount' to sell with Base Currency "Minimum trade amount" pre-set (automatically).
Press "Sell" button and in case the market has low liquidity, see error popup notification message "Market has not enough liquidity. Failed to create order". Field 'Amount' to sell with Base Currency "Minimum trade amount" pre-set (automatically).
Press 'X" button below the form and 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 open the "Send" form as a modal window. If there is no possibility for withdrawal, a popup notification message appears: "Withdraw option is currently unavailable, please try again later."
In case of zero balance, the "Send" button can be deactivated or activated (according to configuration settings).
Details in the "Send" form as a modal window:
"Send [Name of the Currency]" header
"Network Selector with logos per each network (if 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 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
Interaction:
Select the network by pressing on the tab with the network name and observe:
Selected tab is highlighted
Warning message changes according to the network details
Minimum and Maximum allowed for withdrawal can change according to Payment Interface settings
24 Hours Net Limit allowed for withdrawal can change according to Payment Interface settings
Withdrawal fee can change according to Payment Interface settings
Net withdrawal amount can change according changes in withdrawal fee
Click on the Input field for the amount to Send and see previous input clears automatically
Input amount for withdrawal and see the calculated net withdrawal amount (as a result of deduction of the Withdrawal Fee from requested Withdrawal Amount)
Observe withdrawal fee and net withdrawal amount changes if they take place
Input only "dot" first and see automatically changing to " 0. " in the Input field
Input Address and amount for Withdrawal and see "Submit" button activated
Input amount for withdrawal higher than the available balance and see "Submit" button deactivated
Input amount for withdrawal lower than minimum allowed and see "Submit" button deactivated
Leave input field for withdrawal address empty and see "Submit" button deactivated
In case 24 Hours Net Limit allowed for withdrawal is exhausted, see "Submit" button deactivated
Press "Max" button and automatically input maximum amount of the Available Assets in selected currency in field "Amount"
Press the activated "Submit" button and open "2FA Confirmation" modal window
Details in the "2FA Confirmation" modal window:
Google Authentication app logo and "2FA Confirmation" in the header
The text proposition to "Use Google Authentication app to enter secret 2FA 6-digit code"
Input field for the 2 FA code
"X" button below the modal window "2FA Confirmation" form
Interaction:
Input the correct secret 2 FA code in the field, and in case the blockchain address is correct, see:
Popup notification message "Successful"
Modal window for 2FA confirmation and "Send" form closing
Wallet page refreshed, and Assets Balance decreased in the selected Primary Wallet
24 Hours Net Limit allowed for withdrawal is changed for the next operation (Difference between 24 Hours Net Limit allowed for withdrawal and the previous withdrawal amount)
Input the correct secret 2 FA code in the field, and in case the blockchain address is incorrect, see popup notification message "Error. Invalid address"
Input incorrect secret 2 FA code in the field, and see popup error notification message "2 FA code is wrong"
Press "X" button below the modal window "2FA Confirmation" and close the modal window "2FA Confirmation" and get back to "Send" form
Press "Send" button in case 2FA is not enabled and open "2FA Activation is Required" modal window
Details in the "2FA Activation is Required" modal window:
Google Authentication app logo and "2FA 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 "2FA Activation is Required" form as a modal window
Interaction:
Press "Activate Now" button and use "2FA Activation" form (See part 11.2 of User Stories v 1.5.0)
Press "X" button below the "2FA Activation is Required" form and close the modal window "2FA Activation is Required" and get back to Wallet details
Input amount for withdrawal higher than 24 Hours Net Limit allowed for withdrawal and open "Withdrawal request exceeds 24 hr limit" modal window
Details in the "Withdrawal request exceeds 24 hr limit" 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"
Interaction:
Press "OK" button and open "2FA Confirmation" modal window
Input the correct secret 2 FA code in the field, and in case the blockchain address is correct, see:
Popup notification message "Successful"
Modal window for 2FA confirmation and "Send" form closing
Wallet page refreshed, and Assets Balance decreased in the selected Primary Wallet
24 Hours Net Limit allowed for withdrawal is changed for the next operation and equals zero
Input the correct secret 2 FA code in the field, and in case the blockchain address is incorrect, see popup notification message "Error. Invalid address"
Input incorrect secret 2 FA code in the field, and see popup error notification message "2 FA code is wrong"
Press "Cancel" button and close the modal window "Withdrawal request exceeds 24 hr limit" and get back to "Send" form
Press "X" button below the "Withdrawal request exceeds 24 hr limit" modal window and close the modal window "Withdrawal request exceeds 24 hr limit" and get back to the "Send" form
Press "X" button below the "Send" modal window and 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 open the "Send" form as a modal window. If there is no possibility for withdrawal, a popup notification message appears: "Withdraw option is currently unavailable, please try again later."
In case of a zero balance, the "Send" button can be deactivated or activated (according to configuration settings).
Details in the "Send" form as a modal window:
"Send [Name of the Currency]" header
"Select Recipient" field with a dropdown 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 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
Interaction:
Press on the "Select Recipient" field and see the following details:
"+Add New Recipient" button
List of created recipients
Each recipient has a unique description (added during creation)
Each recipient has a "Trash can" icon as a button to remove the recipient
Select the recipient by pressing on the portion with the recipient description and observe:
"Select Recipient" field is replaced with the selected recipient for withdrawal
Click on the Input field for the amount to Send and see the previous input clears automatically, and 'Amount' notification appears
Input the amount for withdrawal and see the calculated net withdrawal amount (as a result of deduction of the Withdrawal Fee from the requested Withdrawal Amount)
Observe withdrawal fee and net withdrawal amount changes if they take place
Input only "dot" first and see automatically changing to " 0. " in the Input field
Select a recipient and input the amount for Withdrawal and see "Submit" button activated
Input an amount for withdrawal higher than the available balance and see "Submit" button deactivated
Input an amount for withdrawal lower than the minimum allowed and see "Submit" button deactivated
Leave "Select Recipient" field for withdrawal recipient without selection and see "Submit" button deactivated
Press "Max" button and automatically input the maximum amount of the Available Assets in the selected currency in the field "Amount"
Press the activated "Submit" button and open the "2FA Confirmation" modal window
Details in the "2FA Confirmation" modal window:
Google Authenticator app logo and "2FA Confirmation" in the header
The text proposition to "Use Google Authenticator app to enter secret 2FA 6-digit code"
Input field for the 2 FA code
"Paste" button to enter copied code from the clipboard
"X" button below the modal window "2FA Confirmation" form
Interaction:
Input the correct secret 2 FA code in the field, and in case everything is correct, see:
Popup notification message "Successful"
Modal window for 2FA confirmation and "Send" form closing
Wallet page refreshed, and Assets Balance decreased in the selected Primary Wallet
Input incorrect secret 2 FA code in the field, and see popup error notification message "2 FA code is wrong"
Press "X" button below the modal window "2FA Confirmation" and close the modal window "2FA Confirmation" and get back to "Send" form
Press "Send" button in case 2FA is not enabled and open "2FA Activation is Required" modal window
Details in the "2FA Activation is Required" modal window:
Google Authenticator app logo and "2FA 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 "2FA Activation is Required" form as a modal window
Interaction:
Press "Activate Now" button and use "2FA Activation" form (See part 11.2 of User Stories v 1.5.0)
Press "X" button below the "2FA Activation is Required" form and close the modal window "2FA Activation is Required" and get back to Wallet details
Input an amount for withdrawal higher than 24 Hours Net Limit allowed for withdrawal and open "Withdrawal request exceeds 24 hr limit" modal window
Details in the "Withdrawal request exceeds 24 hr limit" 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"
Interaction:
Press "OK" button and open "2FA Confirmation" modal window
Input the correct secret 2 FA code in the field, and in case the blockchain address is correct, see:
Popup notification message "Successful"
Modal window for 2FA confirmation and "Send" form closing
Wallet page refreshed, and Assets Balance decreased in the selected Primary Wallet
24 Hours Net Limit allowed for withdrawal is changed for the next operation and equals zero
Input the correct secret 2 FA code in the field, and in case the blockchain address is incorrect, see popup notification message "Error. Invalid address"
Input incorrect secret 2 FA code in the field, and see popup error notification message "2 FA code is wrong"
Press "Cancel" button and close the modal window "Withdrawal request exceeds 24 hr limit" and get
back to "Send" form
Press "X" button below the "Withdrawal request exceeds 24 hr limit" modal window and close the modal window "Withdrawal request exceeds 24 hr limit" and get back to the "Send" form
Press "X" button below the "Send" modal window and close the modal window "Send" form 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 open the "Add Recipient" form as a modal window.
Details in the "Add Recipient" form as a modal window:
"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 dropdown option
Input field for "Branch Code"
"Submit" button (active)
"X" button below the "Add Recipient" form as a modal window
Interaction:
Input "Description" for the recipient
Input "Account Holder" for the recipient
Input "Bank Name" for the recipient
Input "Account Number" for the recipient
Press "Select account type" field with dropdown option to select the type of the account: Current, Savings, Transmission, Cheque
Input "Branch Code" for the recipient
After filling the "Add Recipient" form, I can press "Submit" button and see:
"Add Recipient" form closing
Popup notification message "Recipient created successfully"
Observe the created recipient in the dropdown list of recipients of "Select Recipient" field
Press "X" button below the modal window "Add Recipient" and close the modal window "Add Recipient" and get back to "Send" form
As a User, I can press the "Trash can" icon as a button for the recipient portion in the dropdown list of recipients of "Select Recipient" field and see buttons appear instead of "Trash can":
"Delete" button
"Cancel" button
Interaction:
Press "Delete" button and see popup notification message "Recipient deleted successfully"
Observe deleted recipient is removed from the dropdown list of recipients of "Select Recipient" field
Press "Cancel" button and see "Trash can" icon as a button appears instead of "Delete" and "Cancel" buttons
8.6. Stake Currency
Enter Staking
Precondition
As a User without active Staking:
Press the "Stake" button on the Currency Wallet 'Card' to open the "Enter Staking" form as a modal window.
Modal Window - Enter Staking Form
"Enter Staking" Header
Currency logo
Input field for the staking amount
Automatically pre-set with "0" (+decimals according to settings).
"Max" button for maximum amount input
Balance available in the selected currency
Minimum staking amount allowed for Enter Staking
"Submit" button (Deactivated; activates after filling the 'Amount' field, satisfying the minimum Enter Staking amount requirements)
Active Staking details:
Active Staking amount with "0" (+decimals according to settings) when the "Enter Staking" form is in use.
"Reward conditions" with Annual Percentage Rate (APR) in percent (according to currency settings).
"Reward cycle" with an indication of the time after which the reward will arrive.
"X" button below the main form to close the modal window.
Interactions:
Press "X" button to close the modal window "Enter Staking" and return to the Wallet page.
Input an amount for Staking that satisfies the minimum Enter Staking amount requirements and see the "Submit" button activated.
Press the activated "Submit" button to see the "Top-up Staking" form with updated details.
Top-up Staking
Modal Window - Top-up Staking Form (Active Staking)
"Top-up Staking" Header
Currency logo
Input field for the staking amount
Automatically pre-set with "0" (+decimals according to settings).
"Max" button for maximum amount input
Balance available in the selected currency
"Submit" button (Deactivated)
Active Staking details:
Active Staking amount with active staking amount of the selected Currency.
"Reward conditions" with Annual Percentage Rate (APR) in percent (according to currency settings).
"Reward cycle" 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.
Interactions:
Press "X" button to close the modal window "Top-up Staking" and return to the Wallet page.
Input an amount for Top-up Staking and see the "Submit" button activated.
Press the activated "Submit" button to see the "Top-up Staking" form with updated details.
Unstaking
Modal Window - Top-up Staking Form (Active Staking)
"Top-up Staking" Header
Currency logo
Input field for the staking amount
Automatically pre-set with "0" (+decimals according to settings).
"Max" button for maximum amount input
Balance available in the selected currency
"Submit" button (Deactivated)
Active Staking details:
Active Staking amount with active staking amount of the selected Currency.
"Reward conditions" with Annual Percentage Rate (APR) in percent (according to currency settings).
"Reward cycle" 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.
Interactions:
Press "X" button to close the modal window "Top-up Staking" and return to the Wallet page.
Press "Unstake" button to open the "Close Staking" form as a modal window.
Modal Window - Close Staking Form
"Close Staking" Header
Currency logo
Field with the active staking amount of the currency
"Submit" button (Activated)
"X" button below the main form to close the modal window.
Interactions:
Press "Submit" button to close the "Close Staking" modal window and return to the Wallet page.
See popup notification message "Your unstaking request is successful."
Press "X" button below the modal window "Close Staking" to close it and return to the Wallet page.
Staking Details
Modal Window - Staking Details
"Staking Details" Header
Active staking (Unstaking) portion with unstaking amount of the selected Currency when Unstaking is in progress.
"Staking ends" portion with a timer counting down to when the currency amount will Unstaking (according to currency settings).
"X" button below the main form to close the modal window.
Interactions:
Press "X" button below the modal window "Staking Details" to close it and return to the Wallet page.
Instant Unstaking (according to currency settings)
Modal Window - Top-up Staking Form (Active Staking)
"Top-up Staking" Header
Currency logo
Input field for the staking amount
Automatically pre-set with "0" (+decimals according to settings).
"Max" button for maximum amount input
Balance available in the selected currency
"Submit" button (Deactivated)
Active Staking details:
Active Staking amount with active staking amount of the selected Currency.
"Reward conditions" with Annual Percentage Rate (APR) in percent (according to currency settings).
"Reward cycle" 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.
Interactions:
Press "X" button to close the modal window "Top-up Staking" and return to the Wallet page.
Press "Unstake" button to open the "Close Staking" form as a modal window.
Modal Window - Close Staking Form
"Close Staking" Header
Currency logo
Field with the active staking amount of the currency
"Submit" button (Activated)
"X" button below the main form to close the modal window.
Interactions:
Press "Submit" button to close the "Close Staking" modal window and return to the Wallet page.
See popup notification message "Your unstaking request is successful."
Press "X" button below the modal window "Close Staking" to close it and return to the Wallet page.
8.7. Simple Chart per Currency
Functionality
In case a Currency has a Market (with USDT as a Quote Currency):
Simple Chart section is displayed with the Wallet color pattern.
Market ID is shown at the top left.
Time period selection for Simple Chart Price displaying:
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).
Cursor interaction: Place the cursor on the Simple Chart time point to see the price in USDT.
In case there is no Market (with USDT quote currency) for the selected Currency:
Simple Chart is disabled.
In case it is not possible to load the chart:
See the text "Unable to load chart. Please try again later" in the middle of the Simple Chart section.
8.8. Portfolio
Overview
Portfolio section has two parts: Pie Chart on the left side and List of Assets on the right side.
Pie Chart
Display the structure of the Assets in the Portfolio according to the percent of the Asset in Portfolio.
Each part in the Pie Chart has a defined color according to the Wallet settings.
USD equivalent of Total Value (sum of all Assets in all Wallets) in the center of Pie Chart.
List of Assets
Top 5 balances with main details for each one:
Color according to the Wallet settings.
Logo of the Currency.
ID (Ticker).
Balance in percent.
"Other" section for the sum of the rest of the Assets with "coins" as a logo.
Zero Balances
On the Pie Chart side:
Blurred image for the Pie chart with 5 equal parts and color according to the Wallet selected.
0.00 USD of Total Value in the center of the Pie Chart.
On the List of Assets side:
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 Wallet selected.
Each line for the balances has 0.00 percent displaying.
8.9. "Recent History" per Currency
Functionality
Recent History of the selected Wallet is displayed with the following details:
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 Wallet selected.
Per Operation Details
For each operation, display:
One of the Icons of operation: "Deposit," "Sell," "Buy," "Swap," "Withdrawal," "Referral reward," or "Staking reward."
Icon color according to the Wallet selected.
Name of the operation with description.
Date and time of the operation.
Amount of Asset added or deducted.
Status of the operation: "Successful," "Failed," "Processing," "Admin review," or "Rejected."
Interactions
Press the "Go to full history" button below the Recent History list to open the full history in the User Profile Menu page and observe details of all transactions.
Zero Balances or No Operations
In case of zero balances or without any operation, display:
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 Wallet selected and 5 possible icons for operations.
9. Exchange / Swap on the Blockchain (On-chain Swap)
9.1. Receiving Address Details (Step 2)
Functionality
As an Authorized User, when pressing the "Exchange" tab:
"Exchange" tab is selected and highlighted.
"Receiving Address Details" header in "Step by Step Navigation" block.
Filling progress bar and stage notification '2 of 4'.
First Step in "Step by Step Navigation" block is marked as 'done'.
Current Second Step in Explainer is highlighted.
"Exchange" section.
"Receive" section.
"Footer" block with main details.
Receive Section
In the "Receive" section, the user can:
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 blockchain address and amount to Send that fits requirements and:
See "Next Step" button activated.
Press 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)
Functionality
As an Authorized User, the user can see the following details:
'Sending Address Details' header in "Step by Step Navigation" block.
Filling progress bar and stage notification '3 of 4'.
First and Second Steps in "Step by Step Navigation" block are marked as 'done'.
Current Third Step in Explainer is highlighted.
Requested Operation details section.
'Send" form section.
"Footer" block with main details.
Requested Operation Details Section
In the Requested Operation details section, the user can:
See the following details:
"Receive" field with 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 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 "Switch" icon as a button in the Rate section and:
Change the position of selected currencies Currency to Receive -> Currency to Send.
Press "Previous Step" button and:
Go back to Step 2 (See part 9.1. of User Stories v 1.5.0).
Send Form Section
In the "Send" form section, the user 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 the 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 the clipboard.
See popup notification message "Copied."
See "OK" button activated.
Press 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)
Functionality
As an Authorized User, the user can see the following details:
'Exchange Pending Inbound' header in "Step by Step Navigation" block.
Filling progress bar is field and stage notification '4 of 4'.
First, Second, Third Steps in "Step by Step Navigation" block are marked as 'done'.
Current Fourth Step in Explainer is highlighted and marked as 'done'.
Information section.
"Footer" block with main details.
Informative Section
In the Informative section, the user can:
See the following details:
Text "Thank you for using" and Logo of the Company.
"Exchange again" button.
Press "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 navigate to the "Trade" tab and access the Order Book Advanced Trading Interface, where I can observe various components.
10.1. "Order book" block
In the "Order book" component, I can view the following details:
Sell & Buy limit orders in 2 parts of the order book (top side and underside)
"Sell" part with 3 columns: Price, Amount, Cumulative Total (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 (configured settings) between Sell & Buy limit orders:
Green color with 'up arrow' if the price has grown
Red color with 'down arrow' if the price dropped
Spread (configured settings) between Sell & Buy limit orders (calculated as Lowest Ask Price - Highest Bid Price)
"Buy" part with 3 columns: Price, Amount, Cumulative Total (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, higher to lower
Blurred image for the list of open orders for 'Sell' and 'Buy' parts in case the Order book is empty
Interaction:
Press on any Limit sell order from the "Sell" part to see autofilled changes in the order form.
10.2. "Chart" block
In the "Chart" component, I can see the following details:
"Markets" dropdown button
Logos and ID of the Market Pair selected by default
24h changes for the pair in Quote currency: low price, high price; Volume in Base currency
Integrated TradingView toolset
I can interact with TradingView tools to customize my Chart Analytics tools. I can also press the "Markets" dropdown button to open the Markets Selector menu on the left side over the 'Order book' block.
10.2.1. Markets Selector Menu
I can see the following details in the Markets Selector menu:
Input field for 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', '24h chg'
List of Market Pairs with main details for each one:
Star icon as a checkbox to remember market pair (Favourite)
Market pair Currencies IDs
Current Market Price
'24h' Price change in percent (green for positive, red for negative)
Scroll for the list of Markets
Interaction:
Press "Star" icon as a checkbox to select/unselect Market Pair as "Favourite" or usual
Press "X" button top right to close the Markets Selector menu
Use navigation tools for the list of Markets: Search by Market ID, "Star" icon as a button to filter/unfilter Markets by "Favorite" or usual, Select tab with Currency ID to filter Markets with such Currency exist
Use range tools for the list of Markets: Click on 'Market', 'Price', and '24 h chg' to arrange the list of markets.
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.
Details:
Selected tab is highlighted
"Cancel All" button
List of open User's orders for the selected market
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)
Percent of Executed part of the limit order
"X" button to cancel limit order
Interaction:
Press "Cancel All" button to delete all limit orders for the selected market
Press "X" button per order to delete a specific limit order and see a popup notification message "Success: Delete order"
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.
Details:
Selected tab is highlighted
List of orders in history
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, it is the Average Executed Price
Amount (in base currency)
Percent of Executed part of the limit order
Total volume (in quote currency)
Status of order 'Closed' or 'Canceled' or 'Partially executed' (For the Market Order, only 'Closed')
In case there are no orders in history, the text "No order history" is displayed.
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.
Details:
Selected tab is highlighted
List of My trades for the selected Market Pair
Each Trade record 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)
In case there is no history of My Trades for the selected market, the text "There are no trades to display" is shown.
10.6. "Market Buy" Order Form
In the "Market Buy" Order Form, the user can:
See the details with the selected tab "Buy" being active.
Observe the "Sell" tab on the right to the "Buy" tab, which is not active.
Note that the selected tab "Market" is active, and the "Limit" tab is inactive.
View the balance available in the Advanced Trading Wallet for the selected Quote Currency based on the chosen Market pair.
Find the "Price" field displaying the Market price for the Base Currency (Approximate) according to the selected Market pair.
Utilize tabs for Available Assets in percentages: 25%, 50%, 75%, and 100%.
Use the 'Amount' field to buy, with the Base Currency ID and "0" pre-set by default.
Observe the "Total" field for the Amount to spend (Approximate, with the Quote Currency ID), resulting from the Amount multiplied by the Price.
See the "Buy" button, which is green and deactivated initially.
The user can perform the following actions:
Click on the input field for the amount to Buy, which clears automatically.
Input only a "dot" as the first character and see it automatically change to " 0. " in the input field.
Input the amount to Buy and observe the calculated Amount in the "Total" field required to spend on Trade (Approximate) according to the Market Price. The "Buy" button activates if everything is correct.
Edit the amount to Buy and see the calculated Amount in the "Total" field change according to the Market Price. The "Buy" button activates if everything is correct.
Press the activated "Buy" button, and if everything is correct, see a popup notification message stating "Market Order was successfully created." The fields "Amount" and "Total" refresh to "0", and the Available Balance in the Quote currency adjusts accordingly. The "Buy" button is deactivated.
Press 25%, 50%, 75%, or 100% tabs above Base Currency and observe the corresponding percentage of the Available Balance of the Quote Currency reflected in the "Total" field (Approximate). The "Amount" field automatically edits according to the Market Price and the Amount to Spend.
Input an amount to Buy that exceeds the Maximum allowed to Buy according to the Quote currency Available Balance and see the "Buy" button deactivated.
Leave the "Amount" input field empty and observe the "Buy" button deactivated, with a popup message about the minimum amount (from market settings) displayed under the 'Amount' field to buy.
Input an amount to Buy that is lower than the Minimum allowed to Buy according to Market settings and observe the "Buy" button deactivated, with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to buy.
Edit an amount to Buy that is lower than the Minimum allowed to Buy according to Market settings and observe the "Buy" button deactivated, with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to buy.
Press the activated "Buy" button, and in case of low market liquidity, see an error popup notification message stating "Insufficient market liquidity. Failed to create order." The fields "Amount" and "Total" refresh to "0", and the "Buy" button is deactivated.
Press the activated "Buy" button, and in case of low Quote currency Available Balance due to Market Price change, see an error popup notification message stating "Insufficient funds. Failed to create order." The fields "Amount" and "Total" refresh to "0", and the "Buy" button is deactivated.
10.7. "Limit Buy" Order Form
In the "Limit Buy" Order Form, the user can:
See the details with the selected tab "Buy" being active.
Observe the "Sell" tab on the right to the "Buy" tab, which is not active.
Note that the "Market" tab is inactive, and the selected tab "Limit" is active.
View the balance available in the Advanced Trading Wallet for the Quote Currency according to the selected Market Pair.
Find the "Price" field with the Quote Currency ID and "0" pre-set by default.
Utilize tabs for Available Assets in percentages: 25%, 50%, 75%, and 100%.
Use the 'Amount' field to buy, with the Base Currency ID and "0" pre-set by default.
Observe the "Total" field for the total sum in the Quote Currency.
See the "Buy" button, which is green and deactivated initially.
The user can perform the following actions:
Click on the input field for the price to Buy, and see it clear automatically.
Click on the input field for the amount to Buy, and see it clear automatically.
Input only a "dot" as the first character and see it automatically change to " 0. " in the input field.
Input the Price and Amount for the Base Currency, and observe the calculated Amount in the "Total" field as the sum of Price multiplied by Amount. The "Buy" button activates if everything is correct.
Edit the Price or/and Amount for the Base Currency, and see the calculated Amount in the "Total" field update according to the new numbers of Price multiplied by Amount. The "Buy" button activates if everything is correct.
Press the activated "Buy" button, and if everything is good, see a popup message stating "Limit Order was successfully created." The fields "Amount" and "Total" refresh to "0," and the "Price" field remains with the last edits. The available Balance in the Quote currency adjusts accordingly. The "Buy" button is deactivated.
Press 25%, 50%, 75%, or 100% tabs above Base Currency and observe the corresponding percentage of the Available Balance of the Quote Currency reflected in the "Total" field. The "Amount" field automatically edits according to the Limit Price and the Amount to Spend.
Leave the "Amount" input field empty, and observe the "Buy" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to buy.
Leave the "Price" input field empty, and observe the "Buy" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to buy.
Input an amount to Buy that exceeds the Maximum allowed to Buy according to Quote currency Available Balance, and see the "Buy" button deactivated.
Input only the Price for the limit buy order, and see the "Buy" button deactivated.
Input only the Amount for the limit buy order, and see the "Buy" button deactivated.
Input an amount to Buy that is lower than the Minimum allowed to Buy according to Market settings, and see the "Buy" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to buy.
Edit an amount to Buy that is lower than the Minimum allowed to Buy according to Market settings, and see the "Buy" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to buy.
Input a price to Buy that is lower than the Minimum allowed to Buy according to Market settings, and see the "Buy" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to buy.
Edit a price to Buy that is lower than the Minimum allowed to Buy according to Market settings, and see the "Buy" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to buy.
Input a price to Buy that is higher than the Maximum allowed to Buy according to Market settings, and see the "Buy" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to buy.
Edit a price to Buy that is higher than the Maximum allowed to Buy according to Market settings, and see the "Buy" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to buy.
10.8. "Limit Sell" Order Form
In the "Limit Sell" Order Form, the user can:
See the following details with the "Buy" tab on the left to the "Sell" tab, which is not active.
Observe the selected tab "Sell" being active and the "Market" tab inactive.
Note that the selected tab "Limit" is active.
View the balance available in the Advanced Trading Wallet for the Base Currency according to the selected Market Pair.
Find the "Price" field with the Quote Currency ID and "0" pre-set by default.
Use the 'Amount' field to sell, with the Base Currency ID and "0" pre-set by default.
Utilize tabs for Available Assets in percentages: 25%, 50%, 75%, and 100%.
Observe the "Total" field for the total sum in the Quote Currency.
See the "Sell" button, which is red and deactivated initially.
The user can perform the following actions:
Click on the input field for the price to Sell, and see it clear automatically.
Click on the input field for the amount to Sell, and see it clear automatically.
Input only a "dot" as the first character and see it automatically change to " 0. " in the input field.
Input the Price and Amount for the Base Currency, and observe the calculated Amount in the "Total" field as the sum of Price multiplied by Amount. The "Sell" button activates if everything is correct.
Edit the Price or/and Amount for the Base Currency, and see the calculated Amount in the "Total" field update according to the new numbers of Price multiplied by Amount. The "Sell" button activates if everything is correct.
Press the activated "Sell" button, and if everything is good, see a popup message stating "Limit Order was successfully created." The fields "Amount" and "Total" refresh to "0," and the "Price" field remains with the last edits. The available Balance in Base currency adjusts accordingly. The "Sell" button is deactivated.
Press 25%, 50%, 75%, or 100% tabs above Base Currency and observe the corresponding percentage of the Available Balance of the Base Currency automatically reflected in the "Amount" field. The "Total" field automatically edits according to the Limit Price and the Amount to Sell.
Leave the "Amount" input field empty, and observe the "Sell" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to sell.
Leave the "Price" input field empty, and observe the "Sell" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to sell.
Input an amount to Sell that exceeds the Maximum allowed to Sell according to Base currency Available Balance, and see the "Sell" button deactivated.
Input only the Price for the limit sell order, and see the "Sell" button deactivated.
Input only the Amount for the limit sell order, and see the "Sell" button deactivated.
Input an amount to Sell that is lower than the Minimum allowed to Sell according to Market settings, and see the "Sell" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to sell.
Edit an amount to Sell that is lower than the Minimum allowed to Sell according to Market settings, and see the "Sell" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to sell.
Input a price to Sell that is lower than the Minimum allowed to Sell according to Market settings, and see the "Sell" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to sell.
Edit a price to Sell that is lower than the Minimum allowed to Sell according to Market settings, and see the "Sell" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to sell.
Input a price to Sell that is higher than the Maximum allowed to Sell according to Market settings, and see the "Sell" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to sell.
Edit a price to Sell that is higher than the Maximum allowed to Sell according to Market settings, and see the "Sell" button deactivated with a popup message about the minimum price - maximum price (from market settings) displayed under the 'Price' to sell.
10.9. "Market Sell" Order Form
In the "Market Sell" Order Form, the user can:
See the following details with the "Buy" tab on the left to the "Sell" tab, which is not active.
Observe the selected tab "Sell" being active and the "Market" tab active, while the "Limit" tab is inactive.
View the balance available in the Advanced Trading Wallet for the Base Currency according to the selected Market Pair.
Find the "Price" field with the Market price for the Base Currency (Approximate) according to the selected Market pair.
Use the 'Amount' field to sell, with the Base Currency ID and "0" pre-set by default.
Utilize tabs for Available Assets in percentages: 25%, 50%, 75%, and 100%.
Observe the "Total" field for the Amount to spend (Approximate, with the Quote Currency ID), resulting from the Amount multiplied by Price.
See the "Sell" button, which is red and deactivated initially.
The user can perform the following actions:
Click on the input field for the amount to Sell, and see it clear automatically.
Input only a "dot" as the first character and see it automatically change to " 0. " in the input field.
Input the amount to Sell, and observe the calculated Amount to receive after the Trade (Approximate) in the "Total" field according to Market Price. The "Sell" button activates if everything is correct.
Edit the amount to Sell, and observe the calculated Amount to receive after the Trade (Approximate) in the "Total" field according to Market Price. The "Sell" button activates if everything is correct.
Press the activated "Sell" button, and if everything is correct, see a popup notification message stating "Market Order was successfully created." The fields "Amount" and "Total" refresh to "0", and the Available Balance in Base currency adjusts accordingly. The "Sell" button is deactivated.
Press 25%, 50%, 75%, or 100% tabs above Base Currency and observe the corresponding percentage of the Available Balance of the Base Currency automatically reflected in the "Amount" field. The "Total" field (Approximate) automatically edits according to the Market Price and the Amount to Sell.
Input an amount to Sell that exceeds the Maximum allowed to Sell according to Base currency Available Balance, and see the "Sell" button deactivated.
Leave the "Amount" input field empty, and observe the "Sell" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to sell.
Input an amount to Sell that is lower than the Minimum allowed to Sell according to Market settings, and see the "Sell"
button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to sell.
Edit an amount to Sell that is lower than the Minimum allowed to Sell according to Market settings, and see the "Sell" button deactivated with a popup message about the minimum amount (from market settings) displayed under the 'Amount' to sell.
Press the activated "Sell" button, and in case the market has low liquidity, see an error popup notification message stating "Insufficient market liquidity. Failed to create order." The fields "Amount" and "Total" refresh to "0", and the "Sell" button is deactivated.
10.10. "Recent Trades" Block
In the "Recent Trades" block, the user can:
View the list of trades for the selected Market Pair.
Each trade record in the list has main details, including:
Price ("Buy" has green color, "Sell" has red color).
Amount.
Timestamp of execution.
If there are no recent trades, the user will see a blurred image for the list of trades.
11. Profile & Settings
As an Authorized User on the User Profile Menu Page:
11.1. "Settings" Section
In the "Settings" section, a user can:
See the selected tab highlighted, with the text on it changing color.
Observe two 2FA status options, initially set to 'Disabled.'
Find a toggle for 2FA in the "off" position with a red color.
Access the "Change Password" portion to change the password.
11.2. 2FA Toggle in 'Disabled' Status to Enable 2FA
As a User, pressing the 2FA toggle in 'Disabled' status enables 2FA and:
Opens the "2FA Activation" modal window.
Presents details such as the Google Authenticator app logo, "2FA Activation" in the header, a text proposition to use the app for a secret 2FA code, a QR code to scan, an input field for the 2FA code, and an "X" button to close the modal window.
The user can scan the QR code using the Google Authenticator app, input the correct secret 2FA code, and see a popup notification message stating "2FA is successfully enabled." The modal window for 2FA closes, and the toggle for 2FA is in the "on" position with a green color.
If an incorrect secret 2FA code is input, a popup error notification message displays, indicating "2FA code is wrong."
11.3. 2FA Toggle in 'Enabled' Status to Disable 2FA
As a User, pressing the 2FA toggle in 'Enabled' status to disable 2FA:
Opens the "Disable 2FA" modal window.
Displays details including the Google Authenticator app logo, "Disable 2FA" in the header, a text proposition to enter the 2FA code, an input field for the 2FA code, and an "X" button to close the modal window.
Inputting the correct secret 2FA code results in a popup notification message stating "2FA is successfully disabled." The modal window for disabling 2FA closes, and the toggle for 2FA is in the "off" position with a red color.
If an incorrect secret 2FA code is input, a popup error notification message displays, indicating "2FA code is wrong."
11.4. "API Keys" Portion
As a User, pressing the "API Keys" portion:
Opens the API Keys page.
Displays a " + Create New API Key" button on top and a list of existing API keys with details such as description, timestamp for expiration, and a "Delete" button.
If there are no API keys, the user sees the text "No API Keys."
11.4.1. Create API Key
As a User, pressing the " + Create New API Key" button:
Turns the button into an input field.
Displays a text prompt to input a new API key description.
Activates the "Create" button to the right of the input field when a description is input.
After pressing the activated "Create" button, opens the "2FA Confirmation" modal window.
The modal window shows details for 2FA confirmation, including the Google Authenticator app logo, a proposition to use the app for a secret 2FA code, an input field for the 2FA code, and an "X" button to close the modal window.
Inputting the correct secret 2FA code results in a popup notification message stating "New API Key Created." The modal window for 2FA confirmation closes, and the user is returned to the API Keys page, where a new API Key is created.
Pressing the "Copy" icon allows the user to copy the API token to the clipboard, and a popup notification message confirms "API Token Copied."
Pressing the "X" button below the "New API Token Created" modal window closes the modal window.
11.4.2. Delete API Key
As a User, pressing the "Delete" button:
Opens the "2FA Confirmation" modal window.
Inputting the correct secret 2FA code results in a popup notification message stating "API Key Deleted." The modal window for 2FA confirmation closes, and the user is returned to the API Keys page, where the deleted API key is removed.
If an incorrect secret 2FA code is input, a popup error notification message displays, indicating "2FA code is wrong."
Pressing the "X" button below the "2FA Confirmation" modal window closes the modal window.
If 2FA is not enabled, pressing the "Delete" button opens the "2FA Activation is Required" modal window. Pressing "Activate Now" allows the user to activate 2FA (See part 11.2 of User Stories v 1.5.0). Pressing the "X" button below the "2FA Activation is Required" form closes the modal window and returns to the API Keys page.
11.5. "Change Password" Portion
As a user, when clicking on the "Change Password" portion:
Opens the "Change Password" modal window.
Displays details such as the "Change Password" header, input fields for Old Password, New Password, and Confirm New Password, a "Submit" button (inactive until the fields are filled), and an "X" button to close the modal window.
The user can input the old password, new password, and confirm the new password.
Pressing the "Eye" icon as a button on the right of the input field allows the user to make the old password, new password, and confirmation of the new password visible or hidden.
Pressing the "Submit" button without any mistakes in the password results in a popup notification message stating "Password changed successfully." The modal window closes, and the user is forwarded to the Authorization Page.
If the "Submit" button is pressed with empty fields or creating a weak password, an error popup message appears, providing the password requirements. Empty fields or fields with mistakes are highlighted with a red border.
Pressing the "X" button below the modal window closes the "Change Password" modal window.
11.6. "Details" Tab
As a user, pressing the "Details" tab:
Switches to the Details Section of the User Profile Menu.
The selected tab is highlighted, and the text on it changes color.
Displays the "History" portion and "Open Orders" portion.
11.7. "History" Portion
As a user, when clicking on the "History" portion:
Redirects to the Full Operations History page of the User Profile Menu.
Presents sections including the Filters Section on the left side, a list of Operations History Section in the middle, and a Details Section per the selected Operation on the right side.
If there is no history yet, a screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" is displayed.
11.7.1. "Filter" Section
In the "Filter" Section, a user can:
See the "Filters" header.
Utilize the "Date" filter for the date range, including a "Calendar" icon to set the dates, a "Type" filter with operation tags, an input field in the "Currencies" filter to search currency by ID, a "Currencies" filter with checkboxes, a search field for the "Currencies" filter, an "Apply" button, and a "Reset filter" text as a button.
Press the "Calendar" icon to open the "Date Selector" form.
Select 'Date from' (Start date) and 'Date to' (End date).
Press "Set Range" and "Apply" to see the selected date range applied to the filter. Pressing "X" clears the date range.
Select operation tags such as "Deposit," "Withdraw," "Swap," "Trade," "Staking," or "Referral" to filter the history accordingly.
Select a specific currency using checkboxes and press "Apply" to filter by currency.
Press "Reset filter" to reset all filters for the Operations History.
11.7.2. "History" Section
In the "History" section, a user can:
See the following details:
"History" header
The list of all Operations Records
A 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
Select any Operation Record from the list of Operations and:
See the Operation record highlighted with the text changing color.
See Detailed description of the selected Operation Record in the "Details" section on the right.
11.7.3. Details Section
In the "Details" section, a user can:
For selected "Deposit" operation:
See the following details:
"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 a 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
Press "Blockchain Transaction" link (to explorer) and:
See a new tab opening to review transaction details on the blockchain explorer
For selected "Withdraw" operation:
See the following details:
"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 a 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
Press "Blockchain Transaction" link (to explorer) and:
See a new tab opening to review transaction details on the blockchain explorer
For selected "Swap" operation:
See the following details:
"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
For selected "Trade" operation:
See the following details:
"Details" header
"Market pair" line with Logos and IDs of 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)
For selected "Staking" operation:
See the following details:
"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
For selected "Referral" operation:
See the following details:
"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, when clicking on the "Open Orders" portion:
Opens the 'Orders history' page.
Sees the following details:
Tab "Open Orders" selected by default.
Selected tab highlighted.
Tab "Orders History" on the right to "Open Orders."
The list of open orders.
A 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.
Observes 'Pagination' is available for content-rich pages where data cannot be displayed on a single page to simplify navigation across data.
"Page Number" to navigate to the desired page.
"Right Arrow" 'forward' button to go to the next page.
"Left Arrow" 'back' button to go to the previous page.
Input number of the page in the field 'Go to ... page' and press "Enter" to go to the required page.
"Drop Down" to select the amount of data to display on the page.
In case there are no open orders, the user sees the text "There is no information to display here yet. Please try creating a limit or market order."
Pressing the "X" button per order results in the order being deleted, and a popup notification message stating "Success delete order."
Pressing the "Orders History" tab switches to the Orders History section, where the selected tab is highlighted, and the user can see the list of orders in history.
11.9. "Referral" Portion
As a User, when clicking on the "Referrals" portion:
"Referral Code" Section:
'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.
'Copy' icon as a button.
"My Referrals" Section:
'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.
Press "Copy" Icon:
In 'Referral code' field: Copies the generated Referral code to the clipboard.
In 'Referral link' field: Copies the generated unique Referral link to the clipboard.
See popup notification message "Copied."
11.10. "Verification" Tab
As a User, when pressing the "Verification" tab:
Switches to the Verification Section of the User Profile Menu.
Sees 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 "Email verification" portion.
"Phone verification" portion with an icon.
"Verify" button (deactivated) in "Phone verification" portion.
"Identity verification" portion with an icon.
"Verify" button (deactivated) in "Identity verification" portion.
11.10.1. Email Verification
As a User, when verifying email:
Press "Verify" button in "Email verification" line.
See popup notification message "Email was sent to address [User's email address]."
External action required: Press "Confirm Email" button in the email received.
After pressing "Confirm Email" button:
See page refreshing, popup notification "Your email is Verified, Thank you."
See "Verify" button in "Email verification" line changed to "Verified" status with 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:
Press "Verify" button in "Phone verification" line.
Open "Phone Verification" modal window.
See details in the modal window.
Press "Drop Down" button to select the country and see the list.
Select a country from the list.
Input the phone number, press "Request SMS code" button.
See popup notification message "Verification code was sent to [phone number]."
See "Pencil" icon for correction.
See input field for the code from SMS.
See Timer and "Resend code" button.
Leave the input field for the phone number empty and press "Request SMS code."
See error popup notification message "Please fill the field."
Press "Pencil" icon and edit the phone number.
Input code from SMS, press "Submit" button.
See modal window closing, page refreshing.
See popup notification message "Phone number was successfully verified."
See "Verify" button in "Phone verification" line changed to 'Verified' status.
See "Verify" button in "Identity verification" line is activated.
Leave input field for the code from SMS empty and press "Submit."
See error popup notification message "Please fill the field."
Input incorrect code and press "Submit."
See error popup notification message "No valid code."
Press "X" button below the "Phone Verification" modal window.
Close the modal window.
11.10.3. Identity Verification
As a User with "Verified Email" and "Verified Phone number" Status:
Press "Verify" button in "Identity verification" line.
Open "Identity verification" modal window.
Input First name.
Input Last name.
Input Date of Birth.
Input Country of Residence.
Input City.
Input Residential address.
Input Postcode.
Press "Submit" button.
Open "Document Upload" modal window.
Press "Submit" button with empty fields.
See error popup "[Name of the field] should not be empty."
See the field with a mistake or an empty field has a red border.
11.10.4. "Document Confirmation"
In "Document Upload" modal window:
See details in the modal window.
Press "Drop Down" button to select the type of the document.
See available options: Passport, Driver's license, or Utility bill.
Input Document number.
Input Date of Expiration.
Press "Camera" icon and upload the image of the document.
In case of successful upload, observe the "Submit" button is activated.
Press "Submit" button.
See modal windows "Identity verification" and "Document Confirmation" closing.
See popup notification message "Your documents are submitted for review."
See "Verify" button in "Identity verification" line changed to 'Pending' status.
See the User Name was updated.
Press "X" button below the "Identity Verification" modal window.
Close the modal window.