osadasami / vue-exchange-rate

Конвертер валют на Vue 3

Конвертер валют на Vue 3

https://vue-exchange-rate-phi.vercel.app/

out.mp4

Заметки

• Написал пакет, который конвертирует navigator.language в код валюты. Например en-US -> USD. Сам пакет здесь
• Результаты запросов к API кеширую в localStorage на один день, потому что API обновляет данные раз в день, и нет смысла делать запросы каждый раз на одни и те же данные

Задача

https://github.com/appbooster/test-assignments/blob/master/tasks/frontend.md

Напишите SPA для конвертирования валют. Для получения текущих курсов найдите и используйте любое отрытое API.

Приложение должно состоять из двух страниц:

1. Конвертер из одной валюты в другую. На этой странице должно быть текстовое поле, в которое можно ввести текст в виде 15 usd in rub и получить результат.

2. Страница с текущими курсами валют. На этой странице пользователь должен видеть «свежие» курсы валют относительно базовой валюты — например, если базовая валюта — рубль, то пользователь видит, что 1 USD = 63.49 RUB, а 1 EUR = 72.20

По-умолчанию у пользователя должна определяться «базовая» валюта, которую он может настроить.

Плюсом будет:

• Хорошо продуманный интерфейс и внешний вид
• Тесты
• Максимальная скорость работы приложения (как при загрузке приложения, так и при конвертировании валют)

Для реализации используйте

• Любые библиотеки, которые считаете уместными

ExchangeRate-API

Site: https://www.exchangerate-api.com/docs/free

Api: https://open.er-api.com/v6/latest/USD

Supported currency codes: https://www.exchangerate-api.com/docs/supported-currencies