Skip to content

Instantly share code, notes, and snippets.

@arunmmanoharan

arunmmanoharan/react-exercise-trinity.txt

Created June 8, 2020 19:41
Show Gist options
  • Save arunmmanoharan/aa430e703a56d64bf5e38ba88b764c35 to your computer and use it in GitHub Desktop.
Save arunmmanoharan/aa430e703a56d64bf5e38ba88b764c35 to your computer and use it in GitHub Desktop.
Download ZIP
React-Exercise-Trinity
Raw
react-exercise-trinity.txt
Please complete the exercise using React-hooks
https://react-coding-trinity.azurewebsites.net/
• I have a currency converter API
https://api.frankfurter.app/latest?amount=10&from=USD&to=CAD
• Use the above API and generate a currency converter application based on the below layout. Feel free to use any IDE of your choice.
• Currencies supported are USD, CAD, GBP and EUR
• Default value in dropdown 1 should be USD and in dropdown 2 should be CAD
• Dropdown 2 should behave both as a placeholder and an input
• Anytime dropdown value or input value changes, we need to call the API and update the UI only on the second input box
• If USD is selected in dropdown 1, USD must not be displayed in dropdown 2 and vice-versa
• Change in Input 1 should change the value in Input 2, but change in Input 2 should not change the value in Input 1
• Clearing any of the input boxes should clear both the input box values
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment