React Currency Exchange

Demo real world app with React + Redux Toolkit

State

A modified version of the ducks pattern is used.

Running the app

  1. Install dependencies: npx yarn
  2. Start the app: npx yarn start

Running the Tests

npx yarn test

Run storybook

npx yarn storybook

Screenshots

Toggle Exchange Currency

Toggle Exchange Currency

Show plus and minus signs for exchange

Shpw plus and minus signs

Show minimum exchange amount

Minimum exchange amount

Balance Exceeded?

Balance exceeded

Stop polling (useful for manual testing)

Current exchange rate is polled every 10s. It may be useful to stop polling to prevent overflowing to daily rate limit :)

Stop Polling