Основное задание делится на два этапа: первый - верстка макета под отображение на мобильном устройстве, второй - запрос и отображение данных.
На первом этапе важен общий вид, без фанатизма, верстка проверяется только в Google Chrome в режиме совместимости с устройствами на iPhone X (нет необходимости верстать под множество экранов).
Стек интересных нам технологий React + Redux + React Router.
Описание логики работы экранов:
- На первом экране отображается 3+ валют.
- Для каждой валюты можно взять random для суммы на кошельке.
- Общая сумма для всех кошельков должна быть отображена сверху с конвертацией в $.
При нажатии на валюту:
- Происходит переход на страницу с курсами (без анимаций).
- Сверху отображается список текущих кошельков, который можно горизонтально проскролить.
- Текущая валюта с балансом.
- График для текущей валюты по нескольким периодам.
- При переключении графика необходимо запросить новые данные и отобразить.
Для графиков можно взять любую библиотеку которая будет воспроизводить результат на картинке.
Данные для графиков, курсов валют и тп можно взять с сайта: https://min-api.cryptocompare.com/documentation
Пример запроса: https://min-api.cryptocompare.com/data/pricemulti?fsyms=ETH,BTC&tsyms=USD
Набор иконок для макета можно взять тут: https://www.flaticon.com/
Иконки для валют можно взять тут: https://www.npmjs.com/package/crypto-icons
-
Notifications
You must be signed in to change notification settings - Fork 0
aleksey-ilin/test-task-changenow
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published