kasta button

1. React Native
2. Typescript
3. Styled components

How to start project

1. yarn
2. cd ios > pod install
3. cd ..
4. yarn ios

Project architecture

• Main screen: src/screens/auth/signin/signin.tsx
• Button component (KastaButton): /src/components/kasta-button/kasta-button.tsx

Screenshots

Improvement/Difficulties

1. UI Side: It's not clear how we go back to Default state from Success and Error state. For now, we can click on Success and Error button to start again.
2. API Side:

• It's difficult to judge if the payment create is successful or not. Depending on it, we need to set the button to Error status. It would be great if we have error response when we fail to create payment.
• It's also difficult to get error cases for payment status. We only have progress - no field for Success or Failure. So for now, I just assumed the error case when if the progress after some time like 15s is still under 100.(as it is said the progress is increased by 10% every 1s.). We can also inculde error response for payment failures.