User Stories UIUX - Frontend v1.5.0


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):

Navigation Bar

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" form
  • "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...

  1. Input registered Email

  2. 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:

    1. 'System Login'. Login to perform the exchange, selected by default

    2. 'Receiving Address Details'. Select network & enter receiving address

    3. 'Sending Address Details'. Select network, copy address and send transfer

    4. '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 Trading View block

  • "Registration navigation" block

  • "Order form" block

  • "Recent Trades" block

  • "Footer" block with main details (see part 3 of User Stories v 1.5.0)

  • Selected tab in Navigation bar Header is highlighted

5.1. "Order Book" Block

In the "Order book" component, the following details are visible:

  • 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 order book is on the top side and has 3 columns: Price, Amount, Cumulative Total

  • Buy orders are colored in green

  • Buy orders are placed by Cumulative Total growth by amount from 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 order book 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 Limit buy order from the "Buy" part of the order book allows users to see auto-filled changes in the order form with the following details:

  • Side of order is 'Buy'

  • Type of order is 'Limit'

  • Balance available for the Quote Currency according to the selected Market Pair (zero balance for Unauthorized User)

  • Field "Price" with automatically set price (in Quote Currency and with Currency ID) from the limit buy order, which was selected (by pressing on it) from the order book

  • Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% (deactivated for Unauthorized User)

  • Field 'Amount' to buy, with Base Currency ID and "Minimum trade amount" pre-set by default

  • Field "Total" for the Total sum in Quote Currency

  • "Buy" button, which is green and activated.

  • Use "Limit Buy Order" order form according "Part 5.5. of User Stories v 1.5.0"

5.2. "Chart" Block

In "Chart" component I can see following details:

  • "Markets" drop-down button

  • Logos and ID of the Market Pair selected by default

  • 24 h changes for the pair in Quote currency: low price, high price; Volume in Base currency

  • Integrated Trading View tool-set

I can click on Trading View tools and...

  • Customize my Chart Analytics tools

I can Press "Markets" drop-down button and...

  • Open Markets Selector menu on the left side over the 'Order book' block

I can See the following details in Markets Selector menu:

  • Input field for the Market Pair search by ID

  • "X" button top right to close the Market Selector menu

  • Navigation tools for the list of Markets

  • Range tools for 'Market', 'Price', '24 h chg'

  • The list of Market Pairs with the main details for each one:

    • Star icon as a checkbox to remember market pair (Favourite)

    • Market pair Currencies IDs

    • Current Market Price

    • '24 h' Price change in percent (green for positive, red for negative)

    • Scroll for the list of Markets

...Press "Star" icon as a checkbox and...

  • Select/Unselect Market Pair to become "Favourite" or usual

...Press "X" button top right in Markets Selector menu and...

  • Close Markets Selector menu

I can Press "Markets" drop-down button and...

  • Close 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' and range/arrange the list of markets IDs by alphabet order/market position order

  • Click on 'Price' and range/arrange the list of markets by price from top to bottom - from higher to lower/market position order

  • Click on '24 h chg' and range/arrange the list of markets by '24 h' Price change in percent from top to bottom - from higher to lower/market position order

5.3. "Registration Navigation" Block

In the Registration navigation section, I can...

...See the following details:

  • Text "Ready to trade your favorite assets?"

  • "Sign in" button

  • "Register to Trade" button

...Press "Sign in" button and...

  • Go to Authorization Page

...Press "Register to trade" button and...

  • Go to Authorization Page with "Sign up" form selected by default

5.4. "Market Buy" Order Form

In the "Market Buy" Order form, I can...

...See 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 the 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, it has a green color, activated

...Click on the Input field for the amount to Buy and see...

  • Field clearing automatically

...Input only "dot" first and...

  • See automatically changing to " 0. " in the Input field

...Input amount to Buy and...

  • See the calculated Amount in "Total" field required to spend on Trade (Approximate) according to Market Last Price

...Edit amount to Buy and...

  • See the calculated Amount in "Total" field required to spend on Trade (Approximate) changing according to Market Last Price

... Press "Buy" button and...

  • Go to the Authorization Page

...Leave the input field for the amount to Buy empty and...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to buy

...Input an amount to Buy that will be lower than the Minimum allowed to Buy according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to buy

...Edit amount to Buy that will be lower than Minimum allowed to Buy according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to buy

5.5. "Limit Buy" Order Form

In the "Limit Buy" Order form, I can...

...See the following details:

  • Selected tab "Buy" is active

  • Tab "Sell" on the right to "Buy" tab, not active

  • Tab "Market" inactive

  • Selected Tab "Limit" is active

  • 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, it has a green color, activated

...Click on the Input field for the price to Buy and see...

  • Field clearing automatically

...Click on the Input field for the amount to Buy and see...

  • Field clearing automatically

...Input only "dot" first and...

  • See automatically changing to " 0. " in the Input field

...Input Price and Amount for the Base Currency and...

  • See the calculated Amount in the "Total" field as a sum of Price multiplied by Amount

...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

... Press "Buy" button and...

  • Go to the Authorization Page

...Input an amount to Buy that will be lower than the Minimum allowed to Buy according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to buy

...Edit amount to Buy that will be lower than the Minimum allowed to Buy according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to buy

...Input price to Buy that will be lower than Minimum allowed to Buy according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to buy

...Edit price to Buy that will be lower than Minimum allowed to Buy according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to buy

...Input price to Buy that will be higher than Maximum allowed to Buy according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to buy

...Edit price to Buy that will be higher than Maximum allowed to Buy according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to buy

5.6. "Limit Sell" Order Form

In the "Limit Sell" Order form, I can...

...See the following details:

  • Tab "Buy" on the left to "Sell" tab, not active

  • Selected tab "Sell" is active

  • Tab "Market" inactive

  • Selected Tab "Limit" is active

  • 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, it has a red color, activated

...Click on the Input field for the price to Sell and see...

  • Field clearing automatically

...Click on the Input field for the amount to Sell and see...

  • Field clearing automatically

...Input only "dot" first and...

  • See automatically changing to " 0. " in the Input field

...Input Price and Amount for the Base Currency and...

  • See the calculated Amount in the "Total" field as a sum of Price multiplied by Amount

...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

... Press "Sell" button and...

  • Go to the Authorization Page

...Input an amount to Sell that will be lower than the Minimum allowed to Sell according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to sell

...Edit amount to Sell that will be lower than the Minimum allowed to Sell according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to sell

...Input price to Sell that will be lower than Minimum allowed to Sell according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to sell

...Edit price to Sell that will be lower than Minimum allowed to Sell according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to sell

...Input price to Sell that will be higher than Maximum allowed to Buy according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to sell

...Edit price to Sell that will be higher than Maximum allowed to Sell according to Market settings...

  • See a popup message about the minimum price - maximum price (from market settings) under the field 'Price' to sell

5.7. "Market Sell" Order Form

In the "Market Sell" Order form, I can...

...See 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 the selected Market pair

  • Field 'Amount' to sell, with Base Currency ID and "0" pre-set by default

  • Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% - deactivated

  • Field "Total" for Amount to spend (Approximate, with Quote Currency ID), as a result of Amount multiplied by Price

  • "Sell" button, it has a red color, activated

...Click on the Input field for the amount to Sell and see...

  • Field clearing automatically

...Input only "dot" first and...

  • See automatically changing to " 0. " in the Input field

...Input amount to Sell and...

  • See the calculated Amount to receive after the Trade (Approximate) in the "Total" field according to Market Last Price

...Edit amount to Sell and...

  • See the calculated Amount to receive after the Trade (Approximate) in the "Total" field according to Market Last Price

... Press "Sell" button and...

  • Go to the Authorization Page

...Leave the input field for the amount to Sell empty and...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to sell

...Input an amount to Sell that will be lower than Minimum allowed to Sell according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to sell

...Edit amount to Sell that will be lower than Minimum allowed to Sell according to Market settings...

  • See a popup message about the minimum amount (from market settings) under the field 'Amount' to sell

5.8. "Recent Trades" Block

In the "Recent Trades" component, users can see the following details:

  • "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 auto-filled changes in the order form with the following details:

  • Side of order is 'Buy'

  • Type of order is 'Limit'

  • Balance available for the Quote Currency according to the selected Market Pair (zero balance for Unauthorized User)

  • Field "Price" with automatically set price (in Quote Currency and with Currency ID) from the limit buy order, which was selected (by pressing on it) from the order book

  • Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% (deactivated for Unauthorized User)

  • Field 'Amount' to buy, with Base Currency ID and "Minimum trade amount" pre-set by default

  • Field "Total" for the Total sum in Quote Currency

  • "Buy" button, which is green and activated.

  • Use "Limit Buy Order" order form according "Part 5.5. of User Stories v 1.5.0"

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" drop-down 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

  • 2 FA Status portion that can forward User to the Settings tab of the Profile menu

    • 2 FA Toggle indicating the 2 FA status: Red - disabled / Green - enabled

    • Press 2 FA Toggle opens a modal window to initiate 2 FA activation/deactivation

  • "API Keys" portion that can forward User to the API keys page

  • "Verification" portion that can forward User to the Verification tab of the Profile menu

    • Status of 'Verification' in "Verification" portion: Not verified / Pending / Verified

  • "Open Orders" portion that can forward User to the Open orders details page of the Profile menu

  • "History" portion that can forward User to the Full History details page of the Profile menu

  • "Referrals" portion that can forward User to the Referrals details page of the Profile menu

  • "Change Password" portion that opens the modal window to change the password

  • "Settings" portion that can forward User to the Settings tab of the Profile menu

  • "Log Out" button

  • "X" button for closing the Quick Menu

8. Wallet Management Page for the Single User Balance

As an Authorized User in the Wallet Management Page, I can...

...See the list of Wallets for currencies and select one of them. Each Wallet has parameters defined in the admin panel:

  • Full Name of the Currency

  • ID (Ticker) of the Currency

  • Logo of the Currency

  • Precision for Currency

  • Color for buttons on Wallet 'Card', plain or gradient

  • Color of highlighting of the active Wallet in the list of Wallets, plain

  • Color for "Full History" button in the Recent History section, plain

Each Wallet from the list of Wallets has a "Star" icon as a checkbox. Each Wallet from the list of Wallets has USD equivalent of Total Balance (Sum of both Available and Locked balances).

In case the Wallet has a Staking service, I can see...

  • "Stake" icon below the "Star" icon

...Press "Star" icon as a checkbox and...

  • Select/unselect 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 which have Staking service

  • Input field to search Wallet by 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...

  • "Stake" icon as a button to filter/unfilter Wallets which have Staking service is disabled/deactivated

In case all zero balances...

  • "Crossed zero" icon as a button to hide/show Wallets with zero balance is disabled/deactivated

...See the details of the Wallet:

  • Total assets balance for all 3 balances (main on top):

    1. Assets available in Wallet for the selected currency

    2. 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 Locked balance

...Press "i" icon as a button and...

  • Open "Locked in" modal window to observe locked balance in 'Pending Withdrawal' and 'Open limit orders'

...See buttons on Wallet 'Card'

  • "Receive"

  • "Buy"

  • "Swap" can be activated or deactivated in case the currency has no market pair (according to configuration settings)

  • "Sell"

  • "Send"

In case of zero balance...

  • "Sell" and "Send" buttons can be deactivated or activated (according to configuration settings)

In case Wallet has Staking service as a Authorized User I can...

  • ...See the details of the Wallet:

     

    • Total assets balance for all 3 balances (main on top):

      1. Assets available in the Wallet for the selected currency

      2. Assets locked in:
        a) Pending Withdrawal
        b) Open limit orders
        c) Staking

    • USD equivalent of Total Balance (Sum of both Available and Locked balances)

    • "i" icon as a button near Locked/Staking balance

    ...Press "i" icon as a button and...

    • Open "Locked in" modal window to observe locked balance in 'Pending Withdrawal,' 'Open limit orders,' and 'Staking'

       

    ...See buttons on the Wallet 'Card'

    • "Receive"

    • "Buy"

    • "Swap" can be activated or deactivated in case the currency has no market pair (according to configuration settings)

    • "Sell"

    • "Send"

    • "Stake"

    In case of zero balance...

    • "Sell" and "Send" buttons can be deactivated or activated (according to configuration settings)

    ...See the following details:

    • Simple Chart section (in case Currency has a Market Pair with USDT quote currency) on the Wallet section below the 'Card' (See part 8.7. of User Stories v 1.5.0)

    • "Portfolio" details top right (See part 8.8. of User Stories v 1.5.0)

    • "Recent History" below the 'Portfolio' (See part 8.9. of User Stories v 1.5.0)

    • "Footer" block with main details (see part 3 of User Stories v 1.5.0)

8.1.1. "Receive" Currency to Generated Proxy Wallet

As a User, I can press the "Receive" button on the Currency Wallet 'Card' and...

  • 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 Wallet Connect service, as a User I can select the "Wallet Connect" tab in the 'Deposit Option' Selector part and...

  • Use the "Wallet Connect" deposit form (see part 8.1.2. of User Stories v 1.5.0)

...See the following details in the modal window:

  • Name 'Deposit "Currency Name" (according to Currency selected)

  • Network Selector with Names and Logos of Payment Interfaces (if applicable, according to Currency Payment Interfaces)

  • Restriction notification regarding Minimum Deposit Amount

  • Warning notification marked as "Important" describing the currency blockchain details

  • QR code of the generated deposit address

  • The text proposition to "Scan or copy address below..." for the transaction

  • Field with the generated personal Deposit Address

  • "Copy" icon as a button to copy the Deposit Address

  • "X" button below the main form to close the modal window

...Select the network by pressing on the tab with the network name and observe...

  • 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 changes 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 a 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 the Currency Wallet 'Card,' and in case the Currency has functionality to deposit through the Wallet Connect service...

  • Open the "Deposit" form as a modal window and observe the following details:

    • 'Deposit Option' Selector part as a header with tabs:

      • "Wallet Connect" tab selected by default (Selected tab is highlighted)

      • "Generated Address" tab

As a User, I can select the "Generated Address" tab in the 'Deposit Option' Selector part and...

  • Use the deposit form for the Generated Proxy Wallet (see part 8.1.1. of User Stories v 1.5.0)

...See the following details in the "Wallet Connect" deposit form:

  • Name 'Deposit "Currency Name" (according to Currency selected)

  • Restriction notification regarding Minimum Deposit Amount

  • Input field for amount with currency logo and ID

    • The Deposit amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

  • Network Selector with Names and Logos of Payment Interfaces (if applicable, according to Currency Payment Interfaces)

  • "Next" button (Deactivated, will be activated after filling the field with amount)

  • "X" button below the main form to close the modal window

...Select the network by pressing on the tab with the network name and observe...

  • Selected tab is highlighted

  • Minimum Amount allowed for deposit can change according to Payment Interface settings

...Click on the Input field for the amount to Deposit and see...

  • Field clearing automatically

...Input only "dot" first and...

  • See automatically changing to " 0. " in the Input field

...Input amount of the Currency to Deposit lower than the minimum allowed:

  • See "Next" button deactivated

...Input amount of the Currency that fits requirements to Deposit

  • See "Next" button activated

...Press activated "Next" button and see the form with main details:

  • "Scan code to connect your wallet" header

  • QR code of the Direct deposit address

  • "Copy" button to copy the Deposit Address for connection in the Wallet Connect app

  • Notice text about Selected Network, changes according to the Network selected

As a User, I can use the External Wallet app to make a Direct deposit through the Wallet Connect 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 "Wallet Connect" deposit form

...After operation confirm in External Wallet I can see...

  • "Wallet Connect" 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...

  • "Wallet Connect" deposit form closing

  • Popup error notification "User rejected the transaction"

...In case operation rejected in External Wallet I can see...

  • "Wallet Connect" deposit form closing

  • Popup error notification "User rejected the transaction"

8.1.3. "Receive" Fiat

As a User, I can press the "Receive" button on the Currency Wallet 'Card' and...

  • Open the "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 the clipboard

  • See a popup notification message "Copied Recipient"

...Press "Copy" icon as a button to copy Account Number and...

  • Copy the 'Account Number' to the clipboard

  • See a popup notification message "Copied Account Number"

...Press "Copy" icon as a button to copy Account Type and...

  • Copy the 'Account Type' to the clipboard

  • See a popup notification message "Copied Account Type"

...Press "Copy" icon as a button to copy Bank Name and...

  • Copy the 'Bank Name' to the clipboard

  • See a popup notification message "Copied Bank Name"

...Press "Copy" icon as a button to copy Branch and...

  • Copy the 'Branch' to the clipboard

  • See a popup notification message "Copied Branch"

...Press "Copy" icon as a button to copy Referral No. and...

  • Copy the 'Referral No.' to the clipboard

  • See a 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 the Currency Wallet 'Card' and...

  • Open the "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 the selected Quote Currency

  • "Buy [Currency ID]" button

  • "X" button below the main form to close the modal window

...Click on the field to input 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 amount to Buy and...

  • See the calculated Amount in "Total' field required to spend on Trade (Approximate) according to Market Price

...Edit amount to Buy and...

  • See the calculated Amount in "Total" field required to spend on Trade (Approximate) changing according to Market Price

...Input amount to Buy that will be higher than the Maximum allowed to Buy according to Quote currency Available Balance and...

  • Field 'Total' with calculated amount (Approximate) in Currency to Pay. Text has an error color

  • See "Buy" button deactivated

...In case of an empty field for the amount to Base Currency...

  • See the 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 amount to Buy that will be lower than the Minimum allowed to Buy according to Market settings...

  • See the 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 an 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 and popup notification message "Market order was successfully created"

  • Field 'Amount' to buy with Base Currency "Minimum trade amount" pre-set (automatically)

...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"

  • Field 'Amount' to buy with Base Currency "Minimum trade amount" pre-set (automatically)

...Press "Buy [Name of the Currency]" button, and in case of the Available Balance in the 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 is no available markets to Swap the Currency or...

  • '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 a logo and ID (Ticker)

    • Input field for the amount to Swap (Send internally), pre-set "Minimum amount" to Swap by default

    • Asset's balance available for operation, in the selected currency with the currency ID

  • 'Reverse' button for changing Currency positions between 'Send' and 'Receive'

  • Receive section with main details:

    • 'Drop-down' button to select Currency to Receive with a logo and ID (Ticker)

    • Field 'Receive' with calculated amount (Approximate) in Currency to Receive

    • The second Asset's balance (Currency to Receive) currently available in its Wallet

    • Platform commission portion with 0.00 and ID (commission ID can be in quote or base currency according to market settings, 0.00 is hard-coded)

    • Estimated rate for the selected Market Pair: Currency to Swap -> Currency to Receive (price precision, according to market settings)

    • 'Switch' icon as a button to switch the estimated rate reflection Currency to Receive -> Currency to Swap

    • 'Swap' button

    • 'X' button below the main form to close the modal window

...Press '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 new 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 'Reverse' button and see...

  • Change position of selected currencies Currency to Receive -> Currency to Send

...Press '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 new 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...

  • Change of the rate reflection Base/Quote or Quote/Base

...Click on the Input field for the amount to Send and see...

  • 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 calculated amount (Approximate) 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 edited the Amount to Send

  • See 'Swap' Button activated if the input amount fits requirements

...Input only 'dot' first and...

  • See automatically changing to ' 0. ' in the Input field

...Input amount of the Currency to Swap lower than the minimum allowed and...

  • '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 an error color

...Input amount of the Currency to Send bigger than the Amount of the Available Assets:

  • See 'Swap' Button deactivated

  • Field 'Receive' with calculated amount (Approximate) in Currency to Receive. Text has an error color

...Leave the input field for Amount to Send empty:

  • '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 the min amount to Send in the input field for Currency to Send

  • Field 'Receive' with calculated amount (Approximate) in Currency to Receive.

Text has an error color

  • See 'Swap' Button deactivated

...Press 'Swap' button and...

  • See 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 the 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 popup notification message "Error. This option is currently unavailable, please try again later"

In case of zero balance...

  • "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 the field "Amount," according to Currency Wallet

  • Field 'Amount' to buy, with Base Currency "Minimum trade amount" pre-set by default

  • Balance available for Base Currency

  • Caption "Receive" for field 'Amount'

  • "Drop-down" button on the left to "Total" field to select Quote Currency (with logo and ID/Ticker)

  • Field "Total" for approximate Amount to get (Quote Currency)

  • "Sell [Name of the Currency]" button

  • "X" button below the main form to close the modal window

...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...

  • Field 'Receive' with calculated amount (Approximate) in Currency to Receive. Text has an error color

  • See "Sell" button deactivated

...In case of an empty field for 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 the 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 an 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

See popup notification message "Withdraw option is currently unavailable, please try again later" if there is no possibility for Withdrawal.

In case of a zero balance, the "Send" button can be deactivated or activated (according to configuration settings).

...See the following details in the Send form as a modal window:

  • "Send [Name of the Currency]" header

  • "Network Selector with logos per each network (if the currency supports several Payment Interfaces)"

  • Warning notification marked as "Important" describing the currency details

  • Input field for withdrawal address

  • Input field for amount and currency logo

  • The Withdrawal amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

  • Balance available for withdrawal

  • "Max" button for Maximum amount input

  • Minimum and Maximum allowed for withdrawal

  • 24 Hours Net Limit allowed for withdrawal

  • Withdrawal fee (It can have a minimum, percent, and maximum, and can vary according to the withdrawal requested amount)

  • Net Withdrawal amount

  • "Submit" button (Deactivated, will be activated after filling the 2 fields with data)

  • "X" button below the main form to close the modal window

... 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 to 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 the 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

...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 the minimum allowed and...

  • See "Submit" button deactivated

...Leave the input field for withdrawal address empty and...

  • See "Submit" button deactivated

...In case 24 Hours Net Limit allowed for withdrawal exhausted...

  • 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 "2 FA Confirmation" modal window

...See the following details in the modal window:

  • Google Authentication app logo and "2 FA Confirmation" in the header

  • The text proposition to "Use Google Authentication app to enter a secret 2 FA 6-digit code"

  • Input field for the 2 FA code

  • "X" button below the modal window "2 FA Confirmation" form

...Input the correct secret 2 FA code in the field and in case the blockchain address is correct...

  • See the popup notification message "Successful," modal window for 2 FA confirmation, and modal window "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 the popup notification message "Error. Invalid address"

...Input the incorrect secret 2 FA code in the field and...

  • See the popup error notification message "2 FA code is wrong"

...Press "X" button below the modal window "2 FA Confirmation" and...

  • Close the modal window "2 FA Confirmation" and get back to the "Send" form

Press "Send" button in case 2 FA is not enabled and...

  • Open "2 FA Activation is Required" modal window with the following details:

    • Google Authentication app logo and "2 FA Activation is Required" in the header

    • The notice text "Before you send the funds, you need to activate Two-Factor Authentication"

    • "Activate Now" button

    • "X" button below the "2 FA Activation is Required" form as a modal window

Press "Activate Now" button and...

  • Use "2 FA Activation" form (See part 11.2 of User Stories v 1.5.0)

Press "X" button below the "2 FA Activation is Required" form...

  • Close the modal window "2 FA Activation is Required" and get back to Wallet details

...Input amount for withdrawal higher than 24 Hours Net Limit allowed for withdrawal...

  • Open "Withdrawal request exceeds 24 hr limit" modal window

...See following details in modal window:

  • "Withdrawal request exceeds 24 hr limit" in the header

  • The text proposition to "Contact Admin for manual approval"

  • "OK" button

  • "Cancel" button

  • "X" button below the modal window "Withdrawal request exceeds 24 hr limit" modal window

...Press "OK" button and...

  • Open "2 FA Confirmation" modal window

...Input the correct secret 2 FA code in the field and in case the blockchain address is correct...

  • See the popup notification message "Successful," modal window for 2 FA confirmation, and modal window "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 the popup notification message "Error. Invalid address"

...Input the incorrect secret 2 FA code in the field and...

  • See the 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...

  • Close the modal window "Withdrawal request exceeds 24 hr limit" and get back to "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

  • See the popup notification message "Withdraw option is currently unavailable, please try again later" if there is no possibility for withdrawal

  • In case of a zero balance, the "Send" button can be deactivated or activated (according to configuration settings)

...See the following details in the Send form as a modal window:

  • "Send [Name of the Currency]" header

  • "Select Recipient" field with drop-down option. In case no available recipients: "+Add New Recipient" button

  • Input field for amount and currency logo

  • The Withdrawal amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

  • Balance available for withdrawal

  • "Max" button for Maximum amount input

  • Minimum and Maximum allowed for withdrawal

  • Withdrawal fee (It can have a minimum, percent, and maximum, and can vary according to the withdrawal requested amount)

  • Net Withdrawal amount

  • "Submit" button (Deactivated, will be activated after filling the 2 fields with data)

  • "X" button below the main form to close the modal window

...Press on "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...

  • Previous input clears automatically, and 'Amount' notification appears

...Input amount for withdrawal and...

  • See the calculated net withdrawal amount (as a result of the 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 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 the minimum allowed and...

  • See "Submit" button deactivated

...Leave the "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 "2 FA Confirmation" modal window

...See the following details in the modal window:

  • Google Authentication app logo and "2 FA Confirmation" in the header

  • The text proposition to "Use Google Authentication app to enter a secret 2 FA 6-digit code"

  • Input field for the 2 FA code

  • "Paste" button to enter the copied code from the clipboard

  • "X" button below the modal window "2 FA Confirmation" form

...Input the correct secret 2 FA code in the field and in case everything is correct...

  • See the popup notification message "Successful," modal window for 2 FA confirmation, and modal window "Send" form closing

  • Wallet page refreshed, and Assets Balance decreased in the selected Primary Wallet

...Input the incorrect secret 2 FA code in the field and...

  • See the popup error notification message "2 FA code is wrong"

...Press "X" button below the modal window "2 FA Confirmation" and...

  • Close the modal window "2 FA Confirmation" and get back to the "Send" form

Press "Send" button in case 2 FA is not enabled and...

  • Open "2 FA Activation is Required" modal window with the following details:

    • Google Authentication app logo and "2 FA Activation is Required" in the header

    • The notice text "Before you send the funds, you need to activate Two-Factor Authentication"

    • "Activate Now" button

    • "X" button below the "2 FA Activation is Required" form as a modal window

Press "Activate Now" button and...

  • Use "2 FA Activation" form (See part 11.2 of User Stories v 1.5.0)

Press "X" button below the "2 FA Activation is Required" form...

  • Close the modal window "2 FA Activation is Required" and get back to Wallet details

8.5.2. Add/Delete Recipient for Fiat Withdrawal

As a User, I can press the "+Add New Recipient" button and...

  • Open the "Add Recipient" form as a modal window

In the "Add Recipient" form as a modal window, I can see the following details:

  • "Add [Name of the Currency] Recipient" header

  • Input field for "Description"

  • Input field for "Account Holder"

  • Input field for "Bank Name"

  • Input field for "Account Number"

  • "Select account type" field with drop-down option

  • Input field for "Branch Code"

  • "Submit" button (active)

  • "X" button below the "Add Recipient" form as a modal window

In the "Add Recipient" form, as a User, I can:

  • 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 drop-down 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 the "Submit" button and...

  • See the "Add Recipient" form closing

  • See the popup notification message "Recipient created successfully"

  • Observe the created recipient in the drop-down list of recipients of the "Select Recipient" field

...Press the "X" button below the modal window "Add Recipient" and...

  • Close the modal window "Add Recipient" and get back to the "Send" form

As a User, I can press the "Trash can" icon as a button for the recipient portion in the drop-down list of recipients of the "Select Recipient" field and...

  • See buttons appear instead of "Trash can":

    • "Delete" button

    • "Cancel" button

...Press the "Delete" button and...

  • See the popup notification message "Recipient deleted successfully"

  • Observe the deleted recipient is removed from the drop-down list of recipients of the "Select Recipient" field

...Press the "Cancel" button and...

  • See the "Trash can" icon as a button appears instead of "Delete" and "Cancel" buttons

8.6. Stake Currency

Enter Staking

As a User without active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...

  • Open the "Enter Staking" form as a modal window

In the "Enter Staking" modal window, I can see the following details:

  • "Enter Staking" header

  • Currency logo

  • Input field for the amount

  • The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

  • "Max" button for Maximum amount input

  • Balance available in the selected currency

  • Minimum staking amount allowed for Enter Staking

  • "Submit" button (Deactivated, will be activated after filling the 'Amount' field that satisfying the minimum Enter Staking amount requirements)

  • Active Staking details:

    • The "Active Staking" amount of the selected Currency with "0" (+decimals according to settings). There should not be Active Staking in case "Enter Staking" form is using

    • "Reward conditions" with Annual Percentage Rate (APR) in percent (according to currency settings)

    • "Reward cycle" with indication of the time after which the reward will arrive

  • "X" button below the main form to close the modal window

...Press the "X" button below the modal window "Enter Staking" and...

  • Close the modal window "Enter Staking" and get back 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 and...

  • See the following details in the form:

    • "Top-up Staking" header

    • Currency logo

    • Input field for the amount

    • The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

    • "Max" button for Maximum amount input

    • Balance available in the selected currency is decreased

    • "Submit" button (Deactivated)

    • The "Active Staking" portion for the amount of the selected Currency with "0" (+decimals according to settings). There should not be Active Staking in case "Enter Staking" form is using

    • "Reward conditions" portion with Annual Percentage Rate (APR) in percent (according to currency settings)

    • "Reward cycle" portion with an indication of the time after which the reward will arrive

    • "Pending staking" portion with a currency amount (Amount that should enter staking)

    • "Add to staking" portion with a timer that counts down the time when the currency amount will Enter Staking (according to currency settings)

    • "Unstake" button

    • "X" button below the main form to close the modal window

...Press the "X" button below the modal window "Top-up Staking" and...

  • Close the modal window "Top-up Staking" and get back to the Wallet page

Top-up Staking

As a User with active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...

  • Open the "Top-up Staking" form as a modal window

In the "Top-up Staking" modal window, I can see the following details:

  • "Top-up Staking" header

  • Currency logo

  • Input field for the amount

  • The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

  • "Max" button for Maximum amount input

  • Balance available in the selected currency

  • "Submit" button (Deactivated)

  • The "Active Staking" portion with the active staking amount of the selected Currency. There should be Active Staking in case the "Top-up Staking" form is using

  • "Reward conditions" portion with Annual Percentage Rate (APR) in percent (according to currency settings)

  • "Reward cycle" portion with an indication of the time after which the reward will arrive

  • "Unstake" button

  • "X" button below the main form to close the modal window

...Press the "X" button below the modal window "Top-up Staking" and...

  • Close the modal window "Top-up Staking" and get back to the Wallet page

...Input an amount for Top-up Staking and...

  • See the "Submit" button activated

...Press the activated "Submit" button and...

  • See the following details in the form:

    • "Top-up Staking" header

    • Currency logo

    • Input field for the amount

    • The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

    • "Max" button for Maximum amount input

    • Balance available in the selected currency is decreased

    • "Submit" button (Deactivated)

    • The "Active Staking" portion with the active staking amount of the selected Currency. There should be Active Staking in case the "Top-up Staking" form is using

    • "Reward conditions" portion with Annual Percentage Rate (APR) in percent (according to currency settings)

    • "Reward cycle" portion with an indication of the time after which the reward will arrive

    • "Pending staking" portion with a currency amount (Amount that should top-up staking)

    • "Add to staking" portion with a timer that counts down the time when the currency amount will Top-up Staking (according to currency settings)

    • "Unstake" button

    • "X" button below the main form to close the modal window

...Press the "X" button below the modal window "Top-up Staking" and...

  • Close the modal window "Top-up Staking" and get back to the Wallet page

Unstaking

As a User with active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...

  • Open the "Top-up Staking" form as a modal window

In the "Top-up Staking" modal window, I can see the following details:

  • "Top-up Staking" header

  • Currency logo

  • Input field for the amount

  • The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

  • "Max" button for Maximum amount input

  • Balance available in the selected currency

  • "Submit" button (Deactivated)

  • The "Active Staking" portion with the active staking amount of the selected Currency. There should be Active Staking in case the "Top-up Staking" form is using

  • "Reward conditions" portion with Annual Percentage Rate (APR) in percent (according to currency settings)

  • "Reward cycle" portion with an indication of the time after which the reward will arrive

  • "Unstake" button

  • "X" button below the main form to close the modal window

...Press the "X" button below the modal window "Top-up Staking" and...

  • Close the modal window "Top-up Staking" and get back to the Wallet page

...Press the "Unstake" button and...

  • Open the "Close Staking" form as a modal window

In the "Close Staking" modal window, I can see the following details:

  • "Close Staking" header

  • Currency logo

  • Field with Active Staking amount of the currency

  • "Submit" button (Activated)

  • "X" button below the main form to close the modal window

...Press the "Submit" button and...

  • See the "Close Staking" modal window is closing and get back to the Wallet page

  • See a popup notification message "Your unstaking request is successful"

...Press the "X" button below the modal window "Close Staking" and...

  • Close the modal window "Close Staking" and get back to the Wallet page

As a User with active Unstaking, I can press the "Stake" button on the Currency Wallet 'Card' and...

  • Open the "Staking Details" modal window

In the "Staking Details" modal window, I can see the following details:

  • "Staking Details" header

  • The "Active staking (Unstaking)" portion with unstaking amount of the selected Currency. There should be Unstaking in case the "Staking Details" form is using

  • "Staking ends" portion with a timer that counts down the time when the currency amount will Unstaking (according to currency settings)

  • "X" button below the main form to close the modal window

...Press the "X" button below the modal window "Staking Details" and...

  • Close the modal window "Staking Details" and get back to the Wallet page

Instant Unstaking (according to currency settings)

As a User with active Staking, I can press the "Stake" button on the Currency Wallet 'Card' and...

  • Open the "Top-up Staking" form as a modal window

In the "Top-up Staking" modal window, I can see the following details:

  • "Top-up Staking" header

  • Currency logo

  • Input field for amount

  • The Staking amount of the selected Currency with "0" (+decimals according to settings) is automatically pre-set in the input field 'Amount'

  • "Max" button for Maximum amount input

  • Balance available in the selected currency

  • "Submit" button (Deactivated)

  • The "Active Staking" portion with the active staking amount of the selected Currency. There should be Active Staking in case the "Top-up Staking" form is using

  • "Reward conditions" portion with Annual Percentage Rate (APR) in percent (according to currency settings)

  • "Reward cycle" portion with an indication of the time after which the reward will arrive

  • "Unstake" button

  • "X" button below the main form to close the modal window

...Press the "X" button below the modal window "Top-up Staking" and...

  • Close the modal window "Top-up Staking" and get back to the Wallet page

...Press the "Unstake" button and...

  • Open the "Close Staking" form as a modal window

In the "Close Staking" modal window, I can see the following details:

  • "Close Staking" header

  • Currency logo

  • Field with Active Staking amount of the currency

  • "Submit" button (Activated)

  • "X" button below the main form to close the modal window

...Press the "Submit" button and...

  • See the "Close Staking" modal window is closing and get back to the Wallet page

  • See a popup notification message "Your unstaking request is successful"

...Press the "X" button below the modal window "Close Staking" and...

  • Close the modal window "Close Staking" and get back to the Wallet page

8.7. Simple Chart per Currency

In case the Currency has a Market (with USDT as a Quote Currency), I can see a Simple Chart section with the following details and options:

  1. Market ID (top left)

  2. Select time period for Simple Chart Price displaying (top right):

    • 15 minutes

    • 1 hour

    • 1 day (selected by default)

    • 1 week

    • 1 month

  3. 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)

  4. Place the cursor on Simple Chart time point and see the price in USDT

In case there is no Market (with USDT as the 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

As a User, I can see the "Portfolio" section has two parts:

Pie Chart on the left side

  • Displaying the structure of the Assets in 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 the Pie Chart.

List of Assets on the right side

  • 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.

In case of zero balances:

On the Pie Chart side, I can see:

  • Blurred image for the Pie chart with 5 equal parts and color according to the selected Wallet.

  • 0.00 USD of Total Value in the center of the Pie Chart.

On the List of Assets side, I can see:

  • The text proposition "Make a deposit or Buy to unlock portfolio" on top of the list of assets side.

  • Blurred image for the list of assets with color according to the selected Wallet.

  • Each line for the balances has 0.00 percent displaying.

8.9. "Recent History" per Currency

As a User, I can see the "Recent History" of the selected Wallet:

  • Recent History header

  • Recent History List of 4 latest operations related to the selected Currency

  • "Full History" button below the Recent History list, colored according to the selected Wallet

For each operation, I can see:

  • One of the Icon of operation: "Deposit," "Sell," "Buy," "Swap," "Withdrawal," "Referral reward," or "Staking reward"

  • Icon of operation has color according to the selected Wallet

  • Name of the operation with a description

  • Date and time of the operation

  • Amount of Asset added or deducted

  • Status of the operation: "Successful," "Failed," "Processing," "Admin review," or "Rejected"

I can press the button "Full History" below the Recent History list and:

  • Open full history in the User Profile Menu page and observe details of all transactions

In case of zero balances or without any operation, I can see:

  • Recent History header and text "Deposit, Buy, Sell, Swap and make history!"

  • Blurred image for the list of 5 operations with color according to the selected Wallet and 5 possible icons for operations

9. Exchange / Swap on the Blockchain (On-chain Swap)

9.1. Receiving Address Details (Step 2)

As an Authorized User, I can press the "Exchange" tab and see:

  • Tab "Exchange" is selected and highlighted

  • 'Receiving address details' header in "Step by Step Navigation" block

  • Filling progress bar and stage notification '2 of 4'

  • The first step in the "Step by Step Navigation" block is marked as 'done'

  • The current second step in Explainer is highlighted

  • "Exchange" section

  • "Receive" section

  • "Footer" block with main details (see part 3 of User Stories v 1.5.0)

In the 'Receive' section, I 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 the blockchain address and amount to send that fits requirements and:

    • See the "Next Step" button activated

  • Press the activated "Next Step" button and:

    • Go to Step 3 (see part 9.2. of User Stories v 1.5.0)

9.2. Sending Address Details (Step 3)

As an Authorized User, I can see the following details:

  • 'Sending address details' header in "Step by Step Navigation" block

  • Filling progress bar and stage notification '3 of 4'

  • The first and second steps in the "Step by Step Navigation" block are marked as 'done'

  • The current third step in the Explainer is highlighted

  • Requested Operation details section

  • 'Send" form section

  • "Footer" block with main details (see part 3 of User Stories v 1.5.0)

In the Requested Operation details section, I can:

  • See the following details:

    • "Receive" field with the requested Currency amount, Currency ID, Logo of the Currency

    • "To address" field with receiving blockchain address details, according edits from the second step

    • "Exchange Fee" for the transaction

    • "Estimated Rate" for the selected Market Pair: Currency to Send -> Currency to Receive

    • "Switch" icon as a button to switch the estimated rate reflection Currency to Receive -> Currency to Send

    • "Previous Step" button

  • Press the "Switch" icon as a button in the Rate section and:

    • Change the position of selected currencies Currency to Receive -> Currency to Send

  • Press the "Previous Step" button and:

    • Go back to Step 2 (See part 9.1. of User Stories v 1.5.0)

In the "Send" form section, I can:

  • See the following details:

    • "Send" header with Currency amount, Currency ID, Logo of the Currency

    • Warning notification marked as "Important" describing the currency blockchain details

    • QR code of the generated deposit address

    • The text proposition to "Scan or copy address below..." for the transaction

    • Field with the generated personal Deposit Address

    • "Copy" icon as a button to copy Deposit Address

    • "OK" button, deactivated

  • Scan QR code and:

    • Get the deposit address (can use phone, tablet, etc)

  • Press "Copy" icon and:

    • Copy the deposit address to clipboard

    • See a popup notification message "Copied"

    • See the "OK" button activated

  • Press the activated "OK" button and:

    • Go to Step 4 (see part 9.3. of User Stories v 1.5.0)

9.3. Exchange Pending Inbound (Step 4)

As an Authorized User, I can see the following details:

  • 'Exchange pending inbound' header in the "Step by Step Navigation" block

  • Filling progress bar is field and stage notification '4 of 4'

  • The first, second, third steps in the "Step by Step Navigation" block are marked as 'done'

  • The current fourth step in the Explainer is highlighted and marked as 'done'

  • Information section

  • "Footer" block with main details (see part 3 of User Stories v 1.5.0)

In the Informative section, I can:

  • See the following details:

    • Text "Thank you for using" and Logo of the Company

    • "Exchange again" button

  • Press the "Exchange again" button and:

    • Go back to Step 2 (See part 9.1. of User Stories v 1.5.0)

10. Order Book Advanced Trading Interface

As an Authorized User, I can press the "Trade" tab and:

  • Go to the Order Book Advanced Trading Interface and see the following:

    • Tab "Trade" is selected and highlighted

    • "Order book" with top side and underside

    • "Trading Chart" by Trading View block

    • "History" block for Open orders, Orders history, and Trade history

    • "Order form" block

    • "Recent Trades" block

    • "Footer" block with main details (see part 3 of User Stories v 1.5.0)

10.1. "Order book" block

In the "Order book" component, I can see the following details:

  • Sell & Buy limit orders in 2 parts of the order book (top side and underside)

  • "Sell" part of the order book is on the underside and has 3 columns: Price, Amount, Cumulative Total

    • Sell orders are colored in red

    • Sell orders are placed by Cumulative Total growth by amount from the center to the top

    • Sell orders are ranged by price from the center to the top - lower to higher

  • Last Price (in case of configured settings) between the Sell & Buy limit orders:

    • Green color with 'up arrow' in case the price has grown

    • Red color with 'down arrow' in case the price dropped

  • Spread (in case of configured settings) between the Sell & Buy limit orders:

    • The spread in an order book is the difference between the highest bid price (the price buyers are willing to pay) and the lowest ask price (the price sellers are asking for). The formula for calculating the spread is: Spread = Lowest Ask Price − Highest Bid Price

  • "Buy" part of the order book is on the top side and has 3 columns: Price, Amount, Cumulative Total

    • Buy orders are colored in green

    • Buy orders are placed by Cumulative Total growth by amount from the center to the bottom

    • Buy orders are ranged by price from the center to the bottom - from higher to lower

In case the Order book is empty:

  • Blurred image for the list of open orders for 'Sell' and 'Buy' parts

As an Authorized User, I can press on any Limit sell order from the "Sell" part of the order book and:

  • 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 I had 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, it has a red color, activated

    • Use "Limit Sell Order" order form according to "Part 10.8. of User Stories v 1.5.0"

As an Authorized User, I can press on any Limit buy order from the "Buy" part of the order book and:

  • See auto-filled changes in the order form with the following details:

    • Side of order is 'Buy'

    • Type of order is 'Limit'

    • Balance available for the Quote Currency according to the selected Market Pair (zero balance for Unauthorized User)

    • Field "Price" with automatically set price (in Quote Currency and with Currency ID) from the limit buy order, which I had selected (by pressing on it) from the order book

    • Tabs to use Available Assets in percent: 25%, 50%, 75%, 100% (deactivated for Unauthorized User)

    • Field 'Amount' to buy, with Base Currency ID and "Minimum trade amount" pre-set by default

    • Field "Total" for the Total sum in Quote Currency

    • "Buy" button, it has a green color, activated

    • Use "Limit Buy Order" order form according to "Part 10.7. of User Stories v 1.5.0"

10.2. "Chart" block

In the "Chart" component, I can see the following details:

  • "Markets" drop-down button

  • Logos and ID of the Market Pair selected by default

  • 24 h changes for the pair in Quote currency: low price, high price; Volume in Base currency

  • Integrated Trading View tool-set

I can click on Trading View tools and:

  • Customize my Chart Analytics tools

I can press the "Markets" drop-down button and:

  • Open Markets Selector menu on the left side over the 'Order book' block

I can see the following details in the Markets Selector menu:

  • Input field for the Market Pair search by ID

  • "X" button top right to close the Market Selector menu

  • Navigation tools for the list of Markets

  • Range tools for 'Market', 'Price', '24 h chg'

  • The list of Market Pairs with the main details for each one:

    • Star icon as a checkbox to remember market pair (Favourite)

    • Market pair Currencies IDs

    • Current Market Price

    • '24 h' Price change in percent (green for positive, red for negative)

    • Scroll for the list of Markets

I can press the "Star" icon as a checkbox and:

  • Select/Unselect Market Pair to become "Favourite" or usual

I can press the "X" button top right in Markets Selector menu and:

  • Close Markets Selector menu

I can press the "Markets" drop-down button and:

  • Close Markets Selector menu

I 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

I 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 '24 h' Price change in percent from top to bottom - from higher to lower/market position order

10.3. "Open orders" tab in 'History' block

As a User, I can press the "Open orders" tab in the "History" block and switch to my 'Open orders' section and:

  • See the following details:

    • Selected tab is highlighted

    • "Cancel All" button

    • The list of open User's orders for the selected market

    • Scroll - bar for the list of Open Limit Orders

    • Main details per each open order:

      • Timestamp of creation

      • Market pair with market ID

      • Side ("Buy" has green color, "Sell" has red color)

      • Type (Limit order only)

      • Price (in quote currency)

      • Amount (in base currency)

      • Total volume (in quote currency) as Price multiplied by Amount

      • Percent of Executed part of the limit order

      • "X" button to cancel the limit order

  • Press "Cancel All" button and:

    • See all limit orders for the selected market deleted

  • Press "X" button per order and:

    • See the limit order deleted

    • See a popup notification message "Success: Delete order"

In case there are no open orders for the selected market, I can see:

  • The text "There are no open orders"

10.4. "Orders history" tab in 'History' block

As a User, I can press the "Orders history" tab in the "History" block and switch to my 'Orders History' section and:

  • See the following details:

    • Selected tab is highlighted

    • The list of orders in history

    • Scroll - bar for the list of Orders

    • Main details of each order:

      • Timestamp of creation

      • Market pair with market ID

      • Side ("Buy" has green color, "Sell" has red color)

      • Type (Limit or Market)

      • Price (in quote currency). For the Market Order is Average Executed Price

      • Amount (in base currency)

      • Percent of Executed part of the limit order

      • Total volume (in quote currency) as Price multiplied by Amount

      • Status of order 'Closed' or 'Canceled' or 'Partially executed' (For the Market Order only 'Closed')

In case there are no orders in history, I can see:

  • The text "No order history"

10.5. "My trades" tab in 'History' block

As a User, I can press the "My trades" tab in the "History" block and switch to my 'Orders History' section and:

  • See the following details:

    • Selected tab is highlighted

    • The list of My trades for the selected Market Pair

    • Each Trade record from the list has main details:

      • Timestamp of execution

      • Side ("Buy" has green color, "Sell" has red color)

      • Price

      • Amount (in base currency)

      • Total volume (in quote currency) as Price multiplied by Amount

In case there is no History of My Trades for the selected market, I can see:

  • The text "There are no trades to display"

10.6. "Market Buy" Order Form

In the "Market Buy" Order form, I can:

  • See the following details:

    • Selected tab "Buy" is active

    • Tab "Sell" on the right to "Buy" tab, not active

    • Selected Tab "Market" is active

    • Tab "Limit" is inactive

    • Balance available in Advanced Trading Wallet for the selected Quote Currency according to the selected Market pair

    • "Price" field with Market price for the Base Currency (Approximate) according to the selected Market pair

    • Tabs to use Available Assets in percent: 25%, 50%, 75%, 100%

    • Field 'Amount' to buy, with Base Currency ID and "0" pre-set by default

    • Field "Total" for Amount to spend (Approximate, with Quote Currency ID), as a result of Amount multiplied by Price

    • "Buy" button, it has green color, deactivated

  • Click on Input field for amount to Buy and see:

    • Field clearing automatically

  • Input only "dot" first and see:

    • See automatically changing to " 0. " in the Input field

  • Input amount to Buy and see:

    • See the calculated Amount in "Total" field required to spend on Trade (Approximate) according to Market Price (Observe "Buy" button activated if everything is correct)

  • Edit amount to Buy and see:

    • See the calculated Amount in "Total" field required to spend on Trade (Approximate) changing according to Market Price (Observe "Buy" button activated if everything is correct)

  • Press activated "Buy" button and in case everything is correct:

    • See popup notification message "Market Order was successfully created".

    • Fields "Amount" and "Total" refreshed to "0", Available Balance in Quote currency adjusted accordingly.

    • "Buy" button deactivated.

  • Press 25% tab above Base Currency and see:

    • See the 25% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend

  • Press 50% tab above Base Currency and see:

    • See the 50% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend

  • Press 75% tab above Base Currency and see:

    • See the 75% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend

  • Press 100% tab above Base Currency and see:

    • See the 100% of Available Balance of the Quote Currency reflected in "Total" field (Approximate) and "Amount" field automatically edited according to the Market Price and the Amount to Spend

  • Input amount to Buy that will be higher than Maximum allowed to Buy according to Quote currency Available Balance and see:

    • See "Buy" button deactivated

  • Leave "Amount" input field empty and see:

    • See "Buy" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to buy

  • Input amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy

  • Edit amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy

  • Press activated "Buy" button and in case the market has low liquidity and see:

    • See error popup notification message "Insufficient market liquidity. Failed to create order".

    • Fields "Amount" and "Total" refreshed to "0".

    • "Buy" button deactivated.

  • Press activated "Buy" button, and in case of Quote currency Low Available Balance due to Market Price change and see:

    • See error popup notification message "Insufficient funds. Failed to create order".

    • Fields "Amount" and "Total" refreshed to "0".

    • "Buy" button deactivated.

10.7. "Limit Buy" Order Form

In the "Limit Buy" Order form, I can:

  • See the following details:

    • Selected tab "Buy" is active

    • Tab "Sell" on the right to "Buy" tab, not active

    • Tab "Market" inactive

    • Selected Tab "Limit" is active

    • Balance available in Advanced Trading Wallet for the Quote Currency according to the selected Market Pair

    • Field "Price" with Quote Currency ID and "0" pre-set by default

    • Tabs to use Available Assets in percent: 25%, 50%, 75%, 100%

    • Field 'Amount' to buy, with Base Currency ID and "0" pre-set by default

    • Field "Total" for the Total sum in Quote Currency

    • "Buy" button, it has green color, deactivated

  • Click on the Input field for the price to Buy and see:

    • Field clearing automatically

  • Click on the Input field for the amount to Buy and see:

    • Field clearing automatically

  • Input only "dot" first and see:

    • See automatically changing to " 0. " in the Input field

  • Input Price and Amount for the Base Currency and see:

    • See the calculated Amount in "Total" field as a sum of Price multiplied by Amount (Observe "Buy" button activated if everything is correct)

  • Edit Price or/and Amount for the Base Currency and see:

    • See the calculated Amount in "Total" according to the new numbers of Price multiplied by Amount (Observe "Buy" button activated if everything is correct)

  • Press activated "Buy" button and in case everything is good:

    • See the popup message "Limit Order was successfully created".

    • Fields "Amount" and "Total" refreshed to "0". Field "Price" still with the last edits.

    • Available Balance in Quote currency adjusted accordingly.

    • "Buy" button deactivated.

  • Press 25% tab above Base Currency and see:

    • See the 25% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend

  • Press 50% tab above Base Currency and see:

    • See the 50% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend

  • Press 75% tab above Base Currency and see:

    • See the 75% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend

  • Press 100% tab above Base Currency and see:

    • See the 100% of Available Balance of the Quote Currency reflected in "Total" field and "Amount" field automatically edited according to the Limit Price and the Amount to Spend

  • Leave "Amount" input field empty and see:

    • See "Buy" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to buy

  • Leave "Price" input field empty and see:

    • See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy

  • Input amount to Buy that will be higher than Maximum allowed to Buy according to Quote currency Available Balance and see:

    • See "Buy" button deactivated

  • Input only Price for the limit buy order and see:

    • See "Buy" button deactivated

  • Input only Amount for the limit buy order and see:

    • See "Buy" button deactivated

  • Input amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy

  • Edit amount to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to buy

  • Input price to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy

  • Edit price to Buy that will be lower than Minimum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy

  • Input price to Buy that will be higher than Maximum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy

  • Edit price to Buy that will be higher than Maximum allowed to Buy according to Market settings and see:

    • See "Buy" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to buy.

10.8. "Limit Sell" Order Form

In the "Limit Sell" Order form, I can:

  • See the following details:

    • Tab "Buy" on the left to "Sell" tab, not active

    • Selected tab "Sell" is active

    • Tab "Market" inactive

    • Selected Tab "Limit" is active

    • Balance available in Advanced Trading Wallet for the Base Currency according to the selected Market Pair

    • Field "Price" with Quote Currency ID and "0" pre-set by default

    • Field 'Amount' to sell, with Base Currency ID and "0" pre-set by default

    • Tabs to use Available Assets in percent: 25%, 50%, 75%, 100%

    • Field "Total" for the Total sum in Quote Currency

    • "Sell" button, it has red color, deactivated

  • Click on the Input field for price to Sell and see:

    • Field clearing automatically

  • Click on the Input field for the amount to Sell and see:

    • Field clearing automatically

  • Input only "dot" first and see:

    • See automatically changing to " 0. " in the Input field

  • Input Price and Amount for the Base Currency and see:

    • See the calculated Amount in "Total" field as a sum of Price multiplied by Amount (Observe "Sell" button activated if everything is correct)

  • Edit Price or/and Amount for the Base Currency and see:

    • See the calculated Amount in "Total" according to the new numbers of Price multiplied by Amount (Observe "Sell" button activated if everything is correct)

  • Press activated "Sell" button and in case everything is good:

    • See the popup message "Limit Order was successfully created".

    • Fields "Amount" and "Total" refreshed to "0". Field "Price" still with the last edits.

    • Available Balance in Base currency adjusted accordingly.

    • "Sell" button deactivated.

  • Press 25% tab above Base Currency and see:

    • See the 25% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell

  • Press 50% tab above Base Currency and see:

    • See the 50% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell

  • Press 75% tab above Base Currency and see:

    • See the 75% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell

  • Press 100% tab above Base Currency and see:

    • See the 100% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field automatically edited according to the Limit Price and the Amount to Sell

  • Leave "Amount" input field empty and see:

    • See "Sell" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to sell

  • Leave "Price" input field empty and see:

    • See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell

  • Input amount to Sell that will be higher than Maximum allowed to Sell according to Base currency Available Balance and see:

    • See "Sell" button deactivated

  • Input only Price for the limit sell order and see:

    • See "Sell" button deactivated

  • Input only Amount for the limit sell order and see:

    • See "Sell" button deactivated

  • Input amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell

  • Edit amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell

  • Input price to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell

  • Edit price to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell

  • Input price to Sell that will be higher than Maximum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell

  • Edit price to Sell that will be higher than Maximum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about minimum price - maximum price (from market settings) under the field 'Price' to sell.

10.9. "Market Sell" Order Form

In the "Market Sell" Order form, I can:

  • See the following details:

    • Tab "Buy" on the left to "Sell" tab, not active

    • Selected tab "Sell" is active

    • Selected tab "Market" is active

    • Tab "Limit" inactive

    • Balance available in Advanced Trading Wallet for the Base Currency according to the selected Market Pair

    • "Price" field with Market price for the Base Currency (Approximate) according to the selected Market pair

    • Field 'Amount' to sell, with Base Currency ID and "0" pre-set by default

    • Tabs to use Available Assets in percent: 25% 50% 75% 100%

    • Field "Total" for Amount to spend (Approximate, with Quote Currency ID), as a result of Amount multiplied by Price

    • "Sell" button, it has red color, deactivated

  • Click on Input field for the amount to Sell and see:

    • Field clearing automatically

  • Input only "dot" first and see:

    • See automatically changing to " 0. " in the Input field

  • Input amount to Sell and see:

    • See the calculated Amount to receive after the Trade (Approximate) in "Total" field according to Market Price (Observe "Sell" button activated if everything is correct)

  • Edit amount to Sell and see:

    • See the calculated Amount to receive after the Trade (Approximate) in "Total" field according to Market Price (Observe "Sell" button activated if everything is correct)

  • Press activated "Sell" button and in case everything is correct:

    • See the popup notification message "Market Order was successfully created".

    • Fields "Amount" and "Total" refreshed to "0", Available Balance in Base currency adjusted accordingly.

    • "Sell" button deactivated.

  • Press 25% tab above Base Currency and see:

    • See the 25% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell

  • Press 50% tab above Base Currency and see:

    • See the 50% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell

  • Press 75% tab above Base Currency and see:

    • See the 75% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell

  • Press 100% tab above Base Currency and see:

    • See the 100% of Available Balance of the Base Currency automatically reflected in "Amount" field and "Total" field (Approximate) automatically edited according to the Market Price and the Amount to Sell

  • Input amount to Sell that will be higher than Maximum allowed to Sell according to Base currency Available Balance and see:

    • See "Sell" button deactivated

  • Leave "Amount" input field empty and see:

    • See "Sell" button deactivated and popup message about the minimum amount (from market settings) under the field 'Amount' to sell

  • Input amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell

  • Edit amount to Sell that will be lower than Minimum allowed to Sell according to Market settings and see:

    • See "Sell" button deactivated, popup message about the minimum amount (from market settings) under the field 'Amount' to sell

  • Press activated "Sell" button and in case the market has low liquidity:

    • See an error popup notification message "Insufficient market liquidity. Failed to create order".

    • Fields "Amount" and "Total" refreshed to "0". "Sell" button deactivated.

10.10. "Recent Trades" Block

In the "Recent trades" block, I can see the following details:

  • The list of Trades for the selected Market Pair

  • Each Trade record from the list has main details:

    • Price ("Buy" has green color, "Sell" has red color)

    • Amount

    • Timestamp of execution

In case there are no recent trades, I can see a blurred image for the list of trades.

11. Profile & Settings

As an Authorized User on the User Profile Menu Page, I can:

  • See main User information:

    • User's Name (just "User" if not passed KYC) and email address

    • Selected tab "User" or "User's Name" (after KYC is completed) is highlighted, and the text on it changes color

  • See Sections:

    • Tab "Settings"

    • Tab "Details"

    • Tab "Verification"

  • Press "Logout" button and:

    • Log out from the User Account and go to the Authorization Page

11.1. "Settings" Section

In the "Settings" section as a User, I can see:

  • The selected tab is highlighted, and the text on it changes color.

  • 2 FA (Two-Factor Authentication) Status options, 'Disabled' by default.

  • Toggle for 2 FA is in the "off" position and has red color.

  • "Change Password" portion to change the password.

11.2. 2 FA Toggle in 'Disabled' Status to Enable 2 FA

As a User, I can press 2 FA Toggle in 'Disabled' status to Enable 2 FA and open the "2 FA Activation" modal window.

In the modal window, I should see the following details:

  • Google Authentication app logo and "2 FA Activation" in the header.

  • A text proposition to "1. Use Google Authentication app to enter secret 2 FA code."

  • A QR code to scan.

  • A text proposition to "2. Enter your 2 FA code from the app."

  • An input field for the 2 FA code.

  • An "X" button below the main form to close the modal window.

To complete the activation process, I need to:

  1. Scan the QR code using the Google Authentication app on my phone, tablet, etc.

  2. Get the secret 2 FA code in the app.

  3. Input the correct secret 2 FA code in the field.

If the input is correct, I should:

  • See a popup notification message "2 FA is successfully enabled."

  • See the modal window for 2 FA closing.

  • Notice that the Toggle for 2 FA has the "on" position and is in green color.

If the input is incorrect, I should:

  • See a popup error notification message "2 FA code is wrong."

11.3. 2 FA Toggle in 'Enabled' Status to Disable 2 FA

As a User, I can press the 2 FA Toggle in 'Enabled' status to Disable 2 FA and open the "Disable 2 FA" modal window.

In the modal window, I should see the following details:

  • Google Authentication app logo and "Disable 2 FA" in the header.

  • The text proposition "Please enter your 2 FA code."

  • An input field for the 2 FA code.

  • An "X" button below the main form to close the modal window.

To complete the disabling process, I need to:

  1. Input the correct secret 2 FA code in the field.

If the input is correct, I should:

  • See a popup notification message "2 FA is successfully disabled."

  • See the modal window for 2 FA closing.

  • Notice that the Toggle for 2 FA has the "off" position and is in red color.

If the input is incorrect, I should:

  • See a popup error notification message "2 FA code is wrong."

11.4. "API Keys" Portion

As a User, I can click on the "API Keys" portion and open the API Keys page.

In the main form, I should see the following details:

  • "+ Create New API Key" button on the top.

  • List of my API keys with the following details for each one:

    • Description for API key

    • Timestamp for the expiration of the API key

    • A "Delete" button

  • Scroll bar for the list of API keys.

In case there are no API keys, I should see the text "No API Keys."

11.4.1. Create API Key

As a user, I can press the "+ Create New API Key" button and see the following details:

  1. "+ Create New API Key" button on top becomes an input field.

  2. Text prompt "Input New API Key Description" in the input field.

  3. "Create" button to the right of the input field, deactivated in case of an empty input field.

I can input a description for a new API key and see the "Create" button activated.

I can press the activated "Create" button and open the "2 FA Confirmation" modal window.
See the following details in the modal window:

  • Google Authentication app logo and "2 FA Confirmation" in header.

  • The text proposition to "Use Google Authentication app to enter secret 2 FA 6-digit code."

  • Input field for the 2 FA code.

  • "X" button below the modal window "2 FA Confirmation" form.

Input correct secret 2 FA code in the field and see the following details in the "New API Token Created" modal window:

  • "New API Token Created" header.

  • The notice text "Do not publish or share your personal secret API token. You will not be able to view it again once you close this window, so be sure to copy and record it securely."

  • Field with generated personal API token.

  • "Copy" icon as a button to copy API token.

  • See popup notification message "New API Key Created."

  • "X" button below the "New API Token Created" modal window.

Press "Copy" icon and:

  • Copy the API token to the clipboard.

  • See popup notification message "API Token Copied."

Press "X" button below the "New API Token Created" modal window and:

  • Close the "New API Token Created" modal window.

  • Get back to API Keys page and observe a new API Key created in the list of my API keys with main details (see part 11.4 of User Stories v 1.5.0).

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 "2 FA Confirmation" and:

  • Close the modal window "2 FA Confirmation."

  • Get back to API Keys page.

Press "+ Create New API Key" button in case 2 FA is not enabled and:

  • Open "2 FA Activation is Required" modal window with the following details:

    • Google Authentication app logo and "2 FA Activation is Required" in header.

    • The notice text "Please activate Two Factor Authentication to create API key."

    • "Activate Now" button.

    • "X" button below the "2 FA Activation is Required" form as a modal window.

Press "Activate Now" button and:

  • Use "2 FA Activation" form (See part 11.2 of User Stories v 1.5.0).

Press "X" button below the "2 FA Activation is Required" form and:

  • Close the modal window "2 FA Activation is Required."

  • Get back to API Keys page.

11.4.2. Delete API key

As a user, I can press the "Delete" button and:

Open the "2 FA Confirmation" modal window.
See the following details in the modal window:

  • Google Authentication app logo and "2 FA Confirmation" in the header.

  • The text proposition to "Use Google Authentication app to enter secret 2 FA 6-digit code."

  • Input field for the 2 FA code.

  • "X" button below the modal window "2 FA Confirmation" form.

Input correct secret 2 FA code in the field and:

  • See "2 FA Confirmation" modal window closing.

  • Go back to the API Keys page.

  • See popup notification message "API Key Deleted."

  • Observe the API Key was deleted from the list of my API keys.

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 "2 FA Confirmation" and:

  • Close the modal window "2 FA Confirmation."

  • Get back to the API Keys page.

Press "Delete" button in case 2 FA is not enabled and:

  • Open "2 FA Activation is Required" modal window with the following details:

    • Google Authentication app logo and "2 FA Activation is Required" in the header.

    • The notice text "Activate Two Factor Authentication
to delete the API key."

    • "Activate Now" button.

    • "X" button below the "2 FA Activation is Required" form as a modal window.

Press "Activate Now" button and:

  • Use "2 FA Activation" form (See part 11.2 of User Stories v 1.5.0).

Press "X" button below the "2 FA Activation is Required" form and:

  • Close the modal window "2 FA Activation is Required."

  • Get back to the API Keys page.

11.5. "Change Password" Portion

As a user, I can click on the "Change Password" portion and:

Open the "Change Password" modal window.
See the following details in the modal window:

  • "Change Password" header.

  • Input field for the Old Password.

  • Input field for the New Password.

  • Input field to Confirm New Password.

  • "Submit" button (inactive until the fields are filled with information).

  • "X" button below the main form to close the modal window.

I can change the password:

  • Input Old password.

  • Input New password.

  • Input New password one more time to confirm.

Press on the "Eye" icon as a button on the right of the input field and:

  • Make the old password visible or hidden.

  • Make the new password visible or hidden.

  • Make the confirmation of the new password visible or hidden.

Press the "Submit" button without any mistakes in the password and:

  • See popup notification message "Password changed successfully."

  • Observe the modal window closing and forwarding to the Authorization Page.

Press the "Submit" button and leave an empty field for the password 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."

  • Empty fields or fields with mistakes have a red border.

Press the "X" button below the modal window and:

  • Close the modal window "Change Password."

11.6. "Details" Tab

As a user, I can press the "Details" tab and:

Switch to the Details Section of the User Profile Menu.
See the following:

  • The selected tab is highlighted, and the text on it changes color.

  • "History" portion.

  • "Open Orders" portion.

  • “Referrals” portion.

11.7. "History" Portion

As a user, I can click on the "History" portion and:

Go to the Full Operations History page of the User Profile Menu.
See the following sections:

  • Filters Section on the left side.

  • List of Operations History Section in the middle.

  • Details Section per selected Operation on the right side.

See the following if there is no history yet:

  • Screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history."

11.7.1. "Filter" Section

In the "Filter" Section as a user, I can:

See the following details:

  • "Filters" header.

  • "Date" filter for Date Range.

  • "Calendar" icon as a button to set the dates range.

  • "Type" filter with operations tags:

    • "Deposit" filter tag.

    • "Withdraw" filter tag.

    • "Swap" filter tag.

    • "Trade" filter tag.

    • "Staking" filter tag.

    • "Referral" filter tag.

  • Input field in "Currencies" filter to search currency by ID.

  • "Currencies" filter with "Checkbox" per all available Currencies.

  • Search field for "Currencies" filter.

  • "Apply" button.

  • "Reset filter" text as a button.

Press the "Calendar" icon as a button and:

  • Open "Date Selector" form.

  • Select 'Date from' (Start date).

  • Select 'Date to' (End date).

Press "Set Range" button, press "Apply" button and:

  • See "Date Selector" form closing and get back to "Filter" section with the Dates Range I set.

  • See all operations shown in "History" Section within the selected period.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no operation during the selected period.

Press "X" button near the selected Dates Range and:

  • See the Dates filter is not applied anymore, "Calendar" icon is back providing the opportunity to select the new Dates for filter.

Select "Deposit" filter tag, press "Apply" button and:

  • Selected tag is highlighted, and text on it changes color.

  • See filtered history of all Deposit operations in "History" section.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no Deposit operation.

Select "Withdraw" filter tag, press "Apply" button and:

  • Selected tag is highlighted, and text on it changes color.

  • See filtered history of all Withdraw operations in "History" section.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no Withdraw operation.

Select "Swap" filter tag, press "Apply" button and:

  • Selected tag is highlighted, and text on it changes color.

  • See filtered history of all Swap operations in "History" section.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no Swap operation.

Select "Trade" filter tag, press "Apply" button and:

  • Selected tag is highlighted, and text on it changes color.

  • See filtered history of all Advanced Trading operations in "History" section.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no Trading operation.

Select "Staking" filter tag, press "Apply" button and:

  • Selected tag is highlighted, and text on it changes color.

  • See filtered history of all Staking Rewards operations in "History" section.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no Staking operation.

Select "Referral" filter tag, press "Apply" button and:

  • Selected tag is highlighted, and text on it changes color.

  • See filtered history of all Referral Rewards operations in "History" section.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no Referral operation.

Press "Checkbox" to select a Currency from the list, press "Apply" button and:

  • See filtered History of all Operations with the selected currency.

  • See screen with the text "No history of operations. Deposit, buy, sell, trade or transfer and make history" if there is no operation with the selected Currency.

Press "Reset filter" text as a button and:

  • Reset all filters for Operations History.

11.7.2. "History" Section

In the "History" section, as a user, I can:

See the following:

  • "History" header.

  • The list of all Operations Records.

  • Scroll-bar for the list of Operations Records.

  • Main Details of each Operation Record:

    • Name by Type.

    • Side for Trade operations ("Buy" has green color, "Sell" has red color).

    • Timestamp of operation.

    • Currency(ies) ID(s).

    • Amount.

Select any Operation Record from the list of Operations and:

  • See the Operation record highlighted, and the text changes color.

  • See Detailed description of the selected Operation Record in "Details" section on the right.

11.7.3. Details Section

In the "Details" section, as a user, I can:

See the following details for selected "Deposit" operation:

  • "Details" header.

  • "Currency" line with Logo and ID of Currency.

  • "Network" line with the name of the Network and ID of Currency in case of token deposit operation.

  • "Date" line with the date and time of operation.

  • "Type" line with the type of operation.

  • "Amount" line with the amount and ID of Currency.

  • "Fee" line with the fee amount and ID of Currency.

  • "Status" line for the deposit operation status ("Success" has green color).

  • "Blockchain Transaction" link (to explorer) in case of a successful deposit operation.

Press "Blockchain Transaction" link (to explorer) and:

  • See a new tab opening to review transaction details on the blockchain explorer.

See the following details for selected "Withdraw" operation:

  • "Details" header.

  • "Currency" line with Logo and ID of Currency.

  • "Network" line with the name of the Network and ID of Currency in case of token withdrawal operation.

  • "Date" line with the date and time of operation.

  • "Type" line with the type of operation.

  • "Amount" line with the amount and ID of Currency.

  • "Fee" line with the fee amount and ID of Currency.

  • "Status" line for the withdrawal operation status ("Success" has green color, "Processing" and "Admin Review" have yellow color, "Rejected" has red color).

  • "Blockchain Transaction" link (to explorer) in case of a successful withdrawal operation.

Press "Blockchain Transaction" link (to explorer) and:

  • See a new tab opening to review transaction details on the blockchain explorer.

See the following details for selected "Swap" operation:

  • "Details" header.

  • "Market pair" line with Logos and IDs of Currencies.

  • "Date" line with the date and time of operation.

  • "Type" line with the type of operation.

  • "Sell" line with the amount and ID of Currency.

  • "Buy" line with the amount and ID of Currency.

  • "Rate" line with the rate for the selected Market Pair.

See the following details for selected "Trade" operation:

  • "Details" header.

  • "Market pair" line with Logos and IDs of the Currency pair.

  • "Date" line with the date and time of operation.

  • "Type" line with the type of operation.

  • "Side" line with the side name of the Trading ("Buy" has green color, "Sell" has red color).

  • "Price" line with the trading price in the quote currency.

  • "Amount" line with the amount and ID of Currency (Base Currency).

  • "Total" line with the amount and ID of Currency (Quote Currency).

See the following details for selected "Staking" operation:

  • "Details" header.

  • "Currency" line with Logo and ID of Currency.

  • "Date" line with the date and time of operation.

  • "Type" line with the type of operation.

  • "Amount" line with the amount and ID of Currency.

See the following details for selected "Referral" operation:

  • "Details" header.

  • "Currency" line with Logo and ID of Currency.

  • "Date" line with the date and time of operation.

  • "Type" line with the type of operation.

  • "Amount" line with the amount and ID of Currency.

  • "Status" line for the Referral Reward operation status ("Success" has green color).

11.8. "Open Orders" Portion

As a user, I can click on the "Open Orders" portion and:

Open the 'Orders history' page.
See the following details:

  • Tab "Open Orders" selected by default.

  • Selected tab is highlighted.

  • Tab "Orders History" on the right to "Open Orders."

  • The list of open orders.

  • Scroll-bar for the list of Open Limit Orders.

  • Main details per each open order:

    • Timestamp of creation.

    • Market pair with market ID.

    • Side ("Buy" has green color, "Sell" has red color).

    • Type (Limit order only).

    • Price (in quote currency).

    • Amount (in base currency).

    • Total volume (in quote currency) as Price multiplied by Amount.

    • Percent of Executed part of the limit order.

    • "X" button to cancel the limit order.

As a user, I can observe 'Pagination' is available for content-rich pages where data cannot be displayed on a single page to simplify navigation across data:

  • "Page Number" 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" select the amount of data to display on the page.

In case there are no open orders, I can see:

  • The text "There is no information to display it here yet. Please try creating a limit or market order."

Press "X" button per order and:

  • See the order deleted and a popup notification message "Success delete order."

Press "Orders History" tab and:

  • Switch to the Orders History section.

  • Selected tab is highlighted.

  • The list of orders in history.

  • Scroll-bar for the list of Orders.

  • Main details of each order:

    • Timestamp of creation.

    • Market pair with market ID.

    • Side ("Buy" has green color, "Sell" has red color).

    • Type (Limit or Market).

    • Price (in quote currency). For the Market Order is Average Executed Price.

    • Amount (in base currency).

    • Percent of Executed part of the limit order.

    • Total volume (in quote currency) as Price multiplied by Amount.

    • Status of order 'Closed' or 'Canceled' or 'Partially executed' (For the Market Order only 'Closed').

As a user, I can observe 'Pagination' is available for content-rich pages where data cannot be displayed on a single page to simplify navigation across data:

  • "Page Number" 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" select the amount of data to display on the page.

In case there are no orders in history, I can see:

  • The text "There is no information to display it here yet. Please try creating a limit or market order."

11.9. "Referral" Portion

As a user, I can click on the "Referrals" portion and:

Open the Referrals page.

See the following features and options:

  1. "Referral Code" section with main details

    • 'Referral Code' header.
      A. 'Referral code' field with:

      • 'Code' icon.

      • Referral code, generated by the system.

      • 'Copy' icon as a button.
        B. 'Referral link' field with:

      • 'Link' icon.

      • Generated unique Referral Link to invite referrals (Once User has the referral link, it can be shared in various means).

      • 'Copy' icon as a button.

  2. "My referrals" section to monitor referrals amount by levels

    • 'Level 1': This represents User's direct referrals. These are individuals who signed up using User's unique referral link. The 'Level 1' field shows the total number or amount of referrals you've directly brought in.

    • 'Level 2': This level refers to the referrals made by the people User directly referred (Level 1 referrals). The 'Level 2' field displays the total number or amount of referrals that User's Level 1 referrals have generated.

    • 'Level 3': Continuing the tiered structure, 'Level 3' represents referrals made by the individuals User indirectly referred through User's Level 2 referrals. The field displays the total number or amount of referrals at this level.

    • 'Level 4': Similarly, 'Level 4' indicates the referrals made by those who were indirectly referred through User's Level 3 referrals. The field shows the total number or amount of referrals on this level.

    • 'Level 5': Refers to the referrals made by individuals who were indirectly referred through User's Level 4 referrals. The 'Level 5' field displays the total number or amount of referrals on this level.

Press "Copy" icon in 'Referral code' field and:

  • Copy the generated Referral code to clipboard.

  • See popup notification message "Copied."

Press "Copy" icon in 'Referral link' field and:

  • Copy the generated unique Referral link to clipboard.

  • See popup notification message "Copied."

11.10. "Verification" Tab

As a user, I can press the "Verification" tab and:

Switch to the Verification Section of the User Profile Menu.

See the following details on the "Verification" Section:

  • Selected Tab is highlighted, and text on it changes color.

  • "Email verification" portion with an icon.

  • "Verify" button in the "Email verification" portion.

  • "Phone verification" portion with an icon.

  • "Verify" button (deactivated) in the "Phone verification" portion.

  • "Identity verification" portion with an icon.

  • "Verify" button (deactivated) in the "Identity verification" portion.

Press "Verify" deactivated button in "Phone verification" portion and:

  • See a popup notification message "Pass the verification of the points above."

Press "Verify" deactivated button in "Identity verification" portion and:

  • See a popup notification message "Pass the verification of the points above."

11.10.1. Email Verification

As a user, I can verify my email:

Press "Verify" button in "Email verification" line and:

  • See a 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 in the email received I can:

  • See page refreshing, popup notification "Your email is Verified, Thank you."

  • See "Verify" button in "Email verification" line changed to "Verified" status with a positive checkbox icon.

  • See "Verify" button in "Phone verification" line is activated.

11.10.2. Phone Number Verification

As a user with "Verified Email" status, I can verify my phone number:

Press "Verify" button in "Phone verification" line and:

  • Open "Phone Verification" modal window.

See the following details in "Phone Verification" modal window:

  • "Phone Verification" header.

  • The text proposition "Enter phone number”

  • "Drop Down" button to select the country and its phone code from the list, with the flag icon of the selected country on it (USA & "+1" by default).

  • Input field for entering the phone number.

  • "Request SMS code" button.

  • "X" button below the form to close the modal window.

Press "Drop Down" button to select the country and:

  • Open the modal window for searching for the country.

See the following details in the Country search modal window:

  • Input field "Search" in the header for searching the country by its name.

  • See the list of countries with flag icons and country codes in alphabetical order.

Select the country from the list by pressing on it and:

  • See the modal window for searching closing, flag of the country and its code changed to the selected one (in input field for number).

Input the phone number, press "Request SMS code" button and see:

  • A popup notification message "Verification code was sent to [phone number]."
    - "Pencil" icon as a button for correction of the phone number appears in the field.
    - The input field for the code from SMS appear below the field for the phone number.
    - Timer on the right to input field for the code from SMS, which shows the time left to have a chance to request the code by SMS one more time.
    - "Resend code" button in case I need to request sending another SMS with the code.
    - "Submit" button.

Leave input field for phone number empty or not complete and press "Request SMS code" button:

  • See error popup notification message "Please fill the field."

Press "Pencil" icon as a button and:

  • Input field becomes active again, and I can edit the phone number.

Input code from SMS and press "Submit" button and:

  • See the modal window closing, page refreshing, popup notification message "Phone number was successfully verified." I am back on the Verification Section.
    - See "Verify" button in "Phone verification" line changed to 'Verified' status with a positive checkbox icon.
    - See "Verify" button in "Identity verification" line is activated.

Leave input field for the code from SMS empty and press "Submit" button:

  • See error popup notification message "Please fill the field."

Input incorrect code and press "Submit" button and:

  • See error popup notification message "No valid code."

Press "X" button below the "Phone Verification" modal window and:

  • Close the modal window.

11.10.3. Identity Verification

As a User with "Verified Email" and "Verified Phone number" statuses, I can submit my identity details for verification:

  1. Press the "Verify" button in the "Identity verification" line and open the "Identity verification" modal window.

  2. In the "Identity verification" modal window, input the following details:

    • First name

    • Last name

    • Date of Birth (by selecting the date on the calendar modal window)

    • Country of Residence (by selecting the Country in the Country selector modal window)

    • City name

    • Residential address

    • Postcode

  3. Press the "Submit" button and open the "Document Upload" modal window.

  4. Press the "Submit" button with one or several empty fields and:

    • See an error popup stating "[Name of the field] should not be empty."

    • See the field with a mistake or an empty field having a red border.

11.10.4. Document Confirmation

In the "Document Upload" modal window, as a User I can:

  1. See the following details:

    • "Drop-down" button to select the type of the document

    • "Document number" input field

    • "Expiration date" input field

    • "Upload your photo ID" text

    • "Camera" icon as a button

    • Restriction for the file to upload maximum size and files maximum count

    • "Submit" button (deactivated)

    • "X" button below the "Identity Verification" modal window

  2. Press the "Drop-down" button to select the type of the document and see available options: Passport, Driver license, or Utility bill.

  3. Input Document number and Date of Expiration (by selecting the date on the calendar modal window).

  4. Press the "Camera" icon as a button and upload the image of the document (Maximum 10 Mb restriction).

In case the upload was successful:

  • Observe the "Submit" button is activated.
    Press the "Submit" button and:
    - See the modal windows "Identity verification" and "Document Confirmation" closing and a popup notification message stating "Your documents are submitted for review."

  • See the "Verify" button in the "Identity verification" line changed to 'Pending' status.

  • See my User Name was updated.

  • Press the "X" button below the "Identity Verification" modal window and close the modal window.