An Entrance Coding Challenge from Aspire

• User Stories
• Installation
• Usage
• Testing
• Notes

• As an User, I want to have a Debit Card screen which I can manage my debit card
• As an User, I want to see my Available balance on this screen
• As an User, I want to see my Card Information and can hide it to avoid other people looking for it.
• As an User, I want some buttons to Topup my Account, Set my Weekly spending limit, Freeze my card, Get a new Card and Deactive cards.
• As an User, I want to have screen which contains Amount Number that I can choose to set my weekly spending limit.
• As an User, I want to unset my Weekly spending limit.
• As an User, I want the app run both iOS and Android
• As a Technical Leader, I want to use Redux, Redux Saga and Typescript in this project.
• As a Technical Leader, I want to have Unit Test of every files.

To use this project, follow these steps below:

1. Clone the project: $ git clone https://github.com/hoangdoan267/AspireTest.git
2. Run: $ yarn to install all dependencies
3. For ios, you have to link native modules using Pod $ cd ios/ && pod install or $ npx pod-install

Running on iOS $ npx react-native run-ios4-

Running on Android $ npx react-native run-android

Run $ yarn test to run some components Unit Test .

1. Progress Bar UI I set Spending Amount to 345, if you want to see how the Progress Bar works, please edit src/screens/DebitCard/index.tsx:83, change the value to the number you want.

   Before

   

   After

   

(Back to top)