Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Company Logo

  • "Exchange" tab

  • "Trade" tab

  • "How it works" clickable link

  • "Sign up" tab

  • "Language Switcher" drop-down

  • "Theme Switcher" toggle for Night/Day mode

See the following details Login Page:

  • Header with the Platform's name in the middle

  • Text about Platform's main functionality below the header

  • "Sign in" form section in the middle

  • "Use cases" block:

    • Info about services and functionality

    • 'Book a call' service with a calendar form

    • "Contact Form" service

    • Link to the main site of the Company

  • Footer block

Actions:

  • Press "How it works" link: Opens a new tab with information about service features.

  • Press "Language Switcher" drop-down: Sees a drop-down list and selects a language.

  • Toggle "Theme Switcher" for Day/Night mode: Sees the theme changing between Dark/Light modes.

1. "Sign In" Form

In "Sign In" form as Unauthorized User I can see following details:

...

  • "Sign in" text in the upper left

  • "New user?" text

  • "Create account" clickable text

  • "Email" input field

  • "Password" input field

  • "Eye" clickable switch for "Password" visibility

  • "Remember me" checkbox

  • "Forgot password?" clickable text

  • "Sign in" button

  • "Google" button

...

  • 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?"

    text
    • and a link "Sign in"

    link
    • 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"

    checkbox
    • as a link

    • "Sign up" button

    • "Google" button

    .

Actions:

  • Input

Enter required information in the "Sign up" form and...

  • Input Email

  • Input Password

  • Confirm Password

Press on "Eye"

...

Click on "I agree with Terms & Conditions" text to view Terms & Conditions.

...

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

...

Success: Redirects to the Wallets Page.

...

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.

2.1 Sign in with Captcha Service

...

  • The input text is not an email"

  • See the field with a mistake or an empty field has a red border

Press "Sign

...

Please Confirm You Are Not a Robot Modal Window:

  • Solve captcha challenge.

    • Success: Redirects to the Wallet page.

    • Failure: See an error popup.

3. Footer Block

Footer Block:

...

Company Logo

...

"Partners" Column

...

"Useful Links" Column

...

"Legal" Column

...

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

Footer Actions:

Double

...

click on the Logo

...

of the Company in Footer section and...

  • See a popup message with URL address and APP version.Click on

Press any link

...

from the columns

...

and...

  • Open a new tab with additional information .about service features

III. Unauthorized User Stories

...

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 About Platform main functionality below the header with the name.

  • "Exchange" form section in the middle.

  • "Use cases" block with information 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 the Currency to Send, with its logo and ticker.

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

  • "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 the Currency to Receive, with its logo and ticker.

  • "Exchange" button.

I can Edit

...

amount for Exchange

...

and...

  • See the calculated amount of Currency to Receive in the field "Receive."

  • The amount Observe Amount of the Currency to Receive depends on the estimated rate of the selected Market Pair and changes if I edit the Amount to Send.

  • The See "Exchange" button is activated if the updated amount fits market settings requirements.

  • If I input Input only a "dot" first , it and see automatically changes changing to " 0. " If the in the Input field

  • Input amount of the Currency to Exchange is lower than the minimum allowed, see the :

    • See error text "Amount is too low" in the field "Receive"

    field, and the
    • See "Exchange" button

    is
    • deactivated

    .
  • If I leave the Leave input field for Amount to Send empty, see the :

    • See error text "Invalid Value" in the field "Receive"

    field, and the
    • See "Exchange" button

    is
    • deactivated

    .

Dropdown Actions:

  • Press "Drop Down" button to select Currency to Send : Opens the Currencies drop-down list.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

    the newly
    • new selected Currency (Minimum amount to Send, Rate, field 'Send' with pre-set amount)

    .
  • Press "Drop Down" button to select Currency to Receive : Opens and open the Currencies drop-down list.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

    the newly
    • new selected Currency (Minimum amount to Send, Rate, field 'Send' with pre-set amount)

    .
  • Press "Switch" icon as a button in the Rate section : Changes and change the rate reflection Base/Quote or Quote/Base.

  • Press "Reverse" button : Changes the and see

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

    .

...

  • Press "Exchange" button : See the and see the following:

    • "Step by Step Navigation" block

    and
    • "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' (Selected . 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

    go to Step 2 (See part 9.1. of User Stories v 1.5.0)

    .

5. Trading Page (Order Book Advanced Trading)

...

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

...

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

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

  • Sell orders are colored in red

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

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

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

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

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

  • Spread (in case of configured settings) between the Sell & Buy limit orders: Spread=Lowest Ask Price−Highest Bid Price

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

  • Buy orders are colored in green

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

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

In case the Order order book is empty, there is a blurred image for the list of open orders for 'Sell' and 'Buy' parts.

...