https://github.com/ohansemmanuel/react-currency-exchange

https://github.com/ohansemmanuel/react-currency-exchange

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/ohansemmanuel/react-currency-exchange
• Owner: ohansemmanuel
• Created: 2020-06-03T11:35:05.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-06-03T11:57:12.000Z (almost 5 years ago)
• Last Synced: 2025-03-14T22:52:28.832Z (about 2 months ago)
• Language: TypeScript
• Size: 485 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Currency Exchange

### Demo real world app with React + Redux Toolkit

## State

A modified version of the [ducks pattern](https://github.com/erikras/ducks-modular-redux) 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](https://i.imgur.com/YQm8MbS.png)

### Show plus and minus signs for exchange

![Shpw plus and minus signs](https://i.imgur.com/7y5n4SI.png)

### Show minimum exchange amount

![Minimum exchange amount](https://i.imgur.com/YydEwtu.png)

### Balance Exceeded?

![Balance exceeded](https://i.imgur.com/Jbw9CLI.png)

### 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](https://i.imgur.com/TlnEf1g.png)