Skip to content

junior-slv/currency-now

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

Currency converter

The project is a currency exchange converter that utilizes TypeScript and React. With a dynamic and responsive interface, users can convert different types of currencies.

Deploy

To run this app on your device use:

  npm install
  npm start

Functionalities

  • Convert values ​​in real time
  • Returns selected currency (updated every 30 seconds)
  • Realtime Quotes API with 150+ currencies!

Demonstration

Demo

Learnings

API manipulation using Axios, deepening knowledge of react hooks and component implementation using Chakra UI

Api get example

  useEffect(() => {
    setLoading(true);
    currencyService
      .getLastQuote(currencyFrom, currencyTo)
      .then((data) => {
        setCurrencyQuote(data);
      })

      .catch((err) => {
        console.error("Error" + err);
      })
      .finally(() => {
        setLoading(false);
      });
  }, [currencyFrom, currencyTo]);
}

Stack

Front-end: TypeScript, React, Chakra UI

Autor

License

Fell free to implement and use this project.