...
II. Sign-in/Sign-up Page
1. "Sign in" Form
1.1. "Forgot Password?"
1.2. Sign in with 2FA
1.2.1. Sign in with Captcha Service
1.3. Reset Password Page
2. "Sign up" Form
2.1. Sign in with Captcha Service
3. Footer Block
III. Unauthorized User Stories
4. Exchange / Swap on the Blockchain (On-chain Swap) - Step 1
5. Trading Page (Order Book Advanced Trading)
5.1. "Order Book" Block
5.2. "Chart" Block
5.3. "Registration Navigation" Block
5.4. "Market Buy" Order Form
5.5. "Limit Buy" Order Form
5.6. "Limit Sell" Order Form
5.7. "Market Sell" Order Form
5.8. "Recent Trades" Block
IV. Authorized User Stories
6. Navbar Header
7. Quick Menu Settings
8. Wallet Management Page for Single User Balance
8.1.1. "Receive" Currency to Generated Proxy Wallet
8.1.2. "Receive" Currency through Wallet Connect Service
8.1.3. "Receive" Fiat
8.2. "Buy" Currency
8.3. "Swap" Currency
8.4. "Sell" Currency
8.5. "Send" Currency
8.5.1. "Send" Fiat
8.5.2. Add/Delete Recipient for Fiat Withdrawal
8.6. Staking Currency
8.7. Simple Chart per Currency
8.8. Portfolio
8.9. "Recent History" per Currency
9. Exchange / Swap on the Blockchain (Non-Custodial)
9.1. Receiving Address Details (Step 2)
9.2. Sending Address Details (Step 3)
9.3. Exchange Pending Inbound (Step 4)
10. Order Book Advanced Trading Interface
10.1. "Order Book" Block
10.2. "Chart" Block
10.3. "Open Orders" Tab in 'History' Block
10.4. "Orders History" Tab in 'History' Block
10.5. "Trade History" Tab in 'History' Block
10.6. "Market Buy" Order Form
10.7. "Limit Buy" Order Form
10.8. "Limit Sell" Order Form
10.9. "Market Sell" Order Form
10.10. "Recent Trades" Block
11. Profile & Settings
11.1. "Settings" Section
11.2. 2FA Toggle in 'Disabled' Status to Enable 2FA
11.3. 2FA Toggle in 'Enabled' Status to Disable 2FA
11.4. "API Keys" Portion
11.4.1. Create API Key
11.4.2. Delete API Key
11.5. "Change Password" Portion
11.6. "Details" Tab
11.7. "History" Portion
11.7.1. "Filter" Section
11.7.2. "History" Section
11.7.3. Details Section
11.8. "Open Orders" Portion
11.9. "Referral" Portion
11.10. "Verification" Tab
11.10.1. Email Verification
11.10.2. Phone Number Verification
11.10.3. Identity Verification
...
| Table of Contents |
|---|
I. User Interface: Appearance
As Unauthorized or Authorized User, I can see:
Favicon in browser tab
Service title in browser tab
When loading, animated loader with service logo
"Something went wrong" message and icon page did not load
In case of sharing URL link:
Service logo & text tied to the URL
II. Sign-in/Sign-up Page
Unauthorized User: Service Authorization Page
...
Input registered Email and press "Reset password" button.
Success: See popup notification and email sent.
Failure: See an error popup.
1.2. Sign in with 2FA
Sign In with 2FA:
Press "Sign in with 2FA": Opens "2FA Authentication" modal window.
...
Solve captcha challenge.
Success: Redirects to the Wallet page.
Failure: See an error popup.
1.3. Reset Password Page
Reset Password Page:
Header, navigation bar, link to the main site, "Create new password" form, and footer block.
...
Solve captcha challenge.
Success: Redirects to the Wallet page.
Failure: See an error popup.
3. Footer Block
Footer Block:
Company Logo
"Partners" Column
"Useful Links" Column
"Legal" Column
"Follow Us" Column
...
Double-click on the Logo: Sees a popup message with URL address and APP version.
Click on any link in the columns: Opens a new tab with additional information.
III. Unauthorized User Stories
4. Exchange / Swap on the Blockchain (Non-Custodial) (Step 1)
...
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:
...
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:
...
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:
...
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:
...
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:
...
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:
...
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:
...
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:
...
The text "There is no information to display it here yet. Please try creating a limit or market order"
IV. Authorized User Stories
6. Navbar Header
As an authorized user, I can see the following details on the header navbar:
...
Refreshing page and redirecting to the Wallet Page
7. Quick Menu Settings
As a user, I can press the Profile Tab in the Navbar Header section and see the following options on the appeared Quick Menu list:
...
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...
...
"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...
...
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...
...
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.
...
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).
...
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."
...
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."
...
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.
...
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.
...
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.
...
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.
...
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.
...
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.
...
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.
...
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:
...
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:
...
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:
...
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:
...
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:
...
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:
...
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:
...