08 - 02 - Currency Converter

[Agent-Banks]

In this assignment, you will create a React application that will convert various currencies.

For the data, you will use the API available here

Objectives

• Work with an API to display data
• Work with React
• Work with the React lifecycle (componentDidMount with classes or useEffect with hooks)

Requirements

• Use this API documentation to build a page that allows for conversion between multiple currencies

Explorer Mode

• [x] Create a page that loads and shows the current currency conversion rates.
• [x] Design the page yourself or use utility CSS libraries like: Bootstrap or Bulma or Tailwind
• [x] Use USD as the base currency.
• [x] Allow the user to enter a currency amount (allow for decimal amounts like 42.12) in USD.
• [x] Show the converted amount in each of the available currencies.
  • [x] Either update as the user types or include a button that performs the conversion when clicked.

Adventure Mode

• [ ] Allow the user to choose a new base currency other than USD.
• [ ] Allow the user to use a specific day in the past.
  • HINT
  • Fetch the conversion rates for that day.
  • Show the updated conversion rates and converted amount.

Epic Mode

• [ ] Use react router to allow the user to specify the base currency in the URL

[Agent-Banks]

https://currency-converter-codyd.netlify.com https://github.com/codyb23/currency-converter

[Agent-Banks]

Your homework 08 - 02 - Currency Converter was marked: Meets Expectations

“Well done!”

[gstark]

This is great: https://github.com/codyb23/currency-converter/blob/master/src/App.jsx#L56

Can you think of a way to use the API response to automatically generate the list of currencies so you don't have to duplicate code?