Skip to content

Hubpay Calculator Technical Interview Task - React Native

Notifications You must be signed in to change notification settings

WaseemMansour/hubpay-app

Repository files navigation

# HubPay Currency Calculator App #

Description

  • An International Payment Transfer App - Calculator Screen -

  • User can change amount inputs, From or To Currency and instantly see the respective exchange rate updated.

  • When user change target currency it update the rate and calculage Target amount based on Base amount.

  • Start transfer is disabled if no amounts exists.

  • User see Transfer Inititated Screen on click " Start transfer ".

  • Utilizing mocked API response.

  • Built with TypeScript and Expo.

  • Unit/Integration tests written in TDD.

UX

App Design

Tests List

Calculator Screen:

  • Should have FROM Currency Input
  • Should have TO currency Input
  • Should Show Conversion Rate + Fees
  • Should Show Processing Disclaimer
  • Should have " Start Transfer " CTA
  • Should retrieve exchange rate between base and target currencies
  • Should update TO Currency Input when FROM Value Change
  • Should update FROM Currency Input when TO value change.

Currency Input Component:

  • Should Show current Currency Flag and Code
  • Should Allow custom label
  • Should Allow User to change currency if Option is Active

Conversion Rate:

  • Show Rate between From & To Currencies
  • Show Fees Info on Toggle - to be enabled after content clarification -

Start Transfer:

  • Show Success Message

About

Hubpay Calculator Technical Interview Task - React Native

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published