htdat / currency-conversion Goto Github PK

• Handle baseAmount change - 6605184
• Handle swap buttons - ebcee0e
• Move convertCurrency() to a separate file/functions, and handle when baseCurrency is not USD
• Handle Settings (Add/Remove) - 8c1facc
• Handle Settings (Add/Remove) - add search field - ea153fb
• Handle LatestUpdate info
• Save and load app state in localStorage - b644585

Mostly following up this doc https://reactjs.org/docs/thinking-in-react.html

Related branch: https://github.com/htdat/currency-conversion/commits/convert
Remaining components:

• Edit Currencies
• Settings

Tasks for v1

• Build Settings component
• Update canFetchData() helper to handle

Sources:

• https://api.exchangeratesapi.io/latest - only 32 currencies - no key
• https://api.exchangerate-api.com/v5/latest - only 51 currencies - no key - https://www.exchangerate-api.com/docs/free-exchange-rate-api
• https://docs.openexchangerates.org/docs/supported-currencies - free - 170 currencies - key required - https://openexchangerates.org/api/latest.json?app_id=xxxxxx

To-do for v2

Not yet implement two followings sources:

• https://fixer.io/ - free - 170 currencies - key required - base current is always EUR for free plans while current code can support USD as base only.
• https://currencylayer.com/product - free - 84 currencies - key required. - the JSON response does not save exchange rates in rates key while the currency code checks this object key to verify data.

Check and improve performance for onClick events in all components

• Update logo

• <title>

• Manifest.json

• Add GitHub source

• CSS #7

• Maybe more?

Give v1 better

• Fix all warnings
• Add prettier, husky, lint-staged db8a568
• PropTypes #9
• hooks - convert components from class to function
• redux - DON'T DO THIS AS USED CONTAXT
• context
• Write test - nice to have
• TypeScript - nice to have
• Move to scss
• Decouple functions in AppContext
• Reduce the complexity of App.js
• Change folder names: lib => utils or helpers, constants => config
• Check HTML semantic tags #11

For v2

• Work offline with service workers.
• Add settings: font size settings,
• Add settings: back or white background
• Add settings: number of decimal
• Add settings: how often the exchange rate is loaded when loading the app (by default 24 hours)
• Add settings: force refresh apiData