...
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?"
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
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"
See "Exchange" button
deactivated
If I leave the Leave input field for Amount to Send empty, see the :
See error text "Invalid Value" in the field "Receive"
See "Exchange" button
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
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
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
"Exchange" form section
"Sign in" form section
...
In "Step by Step Navigation"
...
block I can see...
'Create account or sign in' header.
Filling progress bar and stage notification '1 of 4'.
Explainer for 4 steps to Exchange:
'System Login' (Selected . Login to perform the exchange, selected by default).
'Receiving Address Details'. Select network & enter receiving address
'Sending Address Details'. Select network, copy address and send transfer
'Exchange Registered'. Exchange is pending receipt of inbound transfer
Current First Step in Explainer is highlighted.
As a Unauthorized User
...
I can use "Sign in" or "Sign up" form
...
:
SIGN IN / SIGN UP: See part 1 and part 2 of User Stories v 1.5.0
.After SIGN IN / SIGN UP:
Gogo 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.
...