/currency-change

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

Primary LanguageTypeScript


Проект Currency-Change

Приложение 'Конвертер валют'

Посмотреть этот проект

О проекте


Screen Shot

Конвертер валют - приложение, выполненное по тестовому заданию: 'Напишите SPA для конвертирования валют. Для получения текущих курсов найдите и используйте любое отрытое API. 🎯 Цель приложения: Дать пользователю возможность конвертировать из одной валюты в другую.

📝 Описание:

  1. Приложение должно состоять из: a. поле для ввода суммы в валюте, из которой конвертирует пользователь (базовой) b. выбор базовой и целевой валюты (в которую конвертирует пользователь) c. поле результата
  2. По умолчанию у пользователя должна определяться базовая валюта, соответствующая локали браузера.
  3. Конвертация должна происходить сразу после ввода суммы в базовой валюте, на лету.

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

Хорошо продуманный интерфейс и внешний вид Качественная архитектура приложения ✅ Решением задания является ссылка на публичный git репозиторий c исходным кодом и инструкцией по запуску приложения.'

Использованные технологии

  • React
  • TypeScript
  • SCSS
  • Redux Toolkit
  • Синтаксис ES6
  • REST API
  • navigator API
  • Webpack
  • Проект подключен к серверу и размещен в интернете с использованием GitHub Pages

Установка

1. Клонируйте репозиторий командой:

git@github.com:script696/currency-change.git

2. Установите пакеты командой:

npm i

3. Доступные скрипты:

npm start

Запуск приложения в режиме разработки.
Откройте http://localhost:3000 чтобы увидеть результат в браузере.

Страница обновится автоматически при внесении изменений.

Как это можно использовать

  1. При первом заходе на страницу у вас будет запрошено разрешение на доступ к вашей геолокации
  2. В случае подтверждения разрешения, приложение определит ваше текущее местоположение и выставит изначальную валюту в зависимости от вашего региона
  3. В левой части приложения размещено поле ввода необходимого кол-ва условных единиц для обмена
  4. Введите необходимое количество используя цифры, допускается одна точка-разделитель для указания дробных значений
  5. Два выпадающих меню выбора служат для установки начальной и целевой валют
  6. Кнопка со стрелками между меню позволяет переключать валюты
  7. В нижней части экрана отображается результат конвертации

Что планируется улучшить

На данный момент улучшений не планируется

Авторы