As a Step Bet app user, I want to access a Rewards Page so that I can spend my earned tokens on various in-game cosmetic items and titles.
Acceptance Criteria
Display of Available Rewards:
The Rewards Page shows a list of available cosmetic purchases, titles, and other rewards that can be acquired using tokens.
Each reward displays a clear image, description, and token cost.
Token Balance Display:
The page prominently displays the user’s current token balance at the top, allowing users to see how many tokens they have available to spend.
Purchasing Functionality:
Users can select an item to view more details and make a purchase using their tokens.
Upon purchase, the app deducts the appropriate number of tokens and provides a confirmation message that the transaction was successful.
Titles and Rankings:
The Rewards Page includes a section displaying titles and rankings that users can earn, showcasing the requirements and the tokens needed to unlock each title.
Error Handling:
If a user attempts to purchase an item without sufficient tokens, the app provides an informative message prompting them to earn more tokens before making a purchase.
Mobile Responsiveness:
The Rewards Page is designed to be visually appealing and fully functional on various device sizes, ensuring a seamless user experience.
User Story
As a Step Bet app user, I want to access a Rewards Page so that I can spend my earned tokens on various in-game cosmetic items and titles.
Acceptance Criteria
Display of Available Rewards:
The Rewards Page shows a list of available cosmetic purchases, titles, and other rewards that can be acquired using tokens. Each reward displays a clear image, description, and token cost.
Token Balance Display:
The page prominently displays the user’s current token balance at the top, allowing users to see how many tokens they have available to spend.
Purchasing Functionality:
Users can select an item to view more details and make a purchase using their tokens. Upon purchase, the app deducts the appropriate number of tokens and provides a confirmation message that the transaction was successful.
Titles and Rankings:
The Rewards Page includes a section displaying titles and rankings that users can earn, showcasing the requirements and the tokens needed to unlock each title.
Error Handling:
If a user attempts to purchase an item without sufficient tokens, the app provides an informative message prompting them to earn more tokens before making a purchase.
Mobile Responsiveness:
The Rewards Page is designed to be visually appealing and fully functional on various device sizes, ensuring a seamless user experience.