Day 20 Beginner
Challenge 20 of 100
Card Wallet
As a user managing financial tools, I want a seamless interface for managing my payment cards that allows me to easily view balances, transactions, and securely add or remove cards, ensuring I can handle my financial details safely and efficiently.
Acceptance Criteria
- ✓ The interface should clearly display essential card information, including card type (e.g., Visa), card number, balance, and expiration date, with sensitive information partially obscured.
- ✓ It must provide a visual summary of recent transactions categorized by type (e.g., Travel, Food, Shopping) with corresponding amounts and dates.
- ✓ A functionality to add a new card which includes fields for the cardholder's name, card number, expiry date, and CVC, along with the option to set it as the default card.
- ✓ The "Add New Card" button should be prominent and intuitive, facilitating easy navigation and usage.
- ✓ Each card should have an easy access option to set or unset as the default payment method.
- ✓ The design should be responsive, ensuring the interface adjusts to different screen sizes and devices, maintaining usability and security across platforms.
100 Days of Code Progress Day 20 / 100
Take this challenge
Start your 7-day free trial to solve this challenge in our built-in code editor with live preview.
Start 7-Day Free Trial to Solve This Challenge
