08 - 02 - Currency Converter

[Tmoney2020]

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

• [x] Allow the user to choose a new base currency other than USD.
• [x] 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

[Tmoney2020]

https://github.com/Tmoney2020/currency-converter

[Tmoney2020]

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

“Niiiiiiiiice!”

[gstark]

Nicely done!

You should be able to use your array of currencies to remove the duplicate in code like this: https://github.com/Tmoney2020/currency-converter/blob/master/src/App.jsx#L173

But very nicely done!