An Entrance Coding Challenge from Aspire
- 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:
- Clone the project:
$ git clone https://github.com/hoangdoan267/AspireTest.git
- Run:
$ yarn
to install all dependencies - 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-ios
4-
Running on Android
$ npx react-native run-android
Run $ yarn test
to run some components Unit Test .
-
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