An open API service indexing awesome lists of open source software.

https://github.com/agusscript/exchange-rates-ts

Look at the different exchange rates in many countries.
https://github.com/agusscript/exchange-rates-ts

api html-css-javascript sass

Last synced: about 1 year ago
JSON representation

Look at the different exchange rates in many countries.

Awesome Lists containing this project

README

          

# Exchange rate

You can know the price of a country's money in relation to another country's money.
This application communicates with an external api bringing a list of currency exchanges based on a selected date and currency. This application also allows you to calculate the exchange rate between two currencies by specifying an amount.

![](assets/screenshots/desktop-design.png)

Users should be able to:

- View the optimal layout depending on their device's screen size
- Look at the different exchange rates in many countries.
- Convert currencies with specific selected amount

## Screenshots

![](assets/screenshots/rates-form.png)

![](assets/screenshots/rates-form-active.png)

![](assets/screenshots/convert-form.png)

- Mobile view

![](assets/screenshots/mobile-design.png)

## Links

- Deploy [Live site](https://exchange-rates-js.vercel.app/)
- Hero image from [Lovepik](https://lovepik.com/)
- API data from [frankfurter-app](https://www.frankfurter.app/docs/)
- Flags images from [FlagsApi](https://flagsapi.com/)

## Built with



HTML5


Sass


TypeScript


ViteJs

## Tests

### The UI was tested with


Cypress

![](assets/screenshots/exchange-tests.png)

## Author

- Linkedin - [Agustin Emanuel Sanchez](https://www.linkedin.com/in/agustin-emanuel-sanchez-4b2807240/)
- Frontend Mentor - [@agusscript](https://www.frontendmentor.io/profile/agusscript)
- Twitter - [@agus_script](https://twitter.com/agus_script)