but1head / ton-test

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ton-test

  • Фрейморк evergreen построен на "ручной сетке" marginTop={8} поэтому странно выглядит в связке с scss

Запуск

npm i

npm run start

Задание

  1. Получать торговые пары из API через Req1 фильтруя только */USDT пары
  2. Сделать механизм добавления/удаления некоторых пар в некий список Избранных пар (возможна просто индикация флагом в общем списке, но лучше все же показывать доп.список избранное)
  3. Сделать возможность выбора нужной пары, получения и отображения данных о ней через Req2
  4. Сделать индикацию загрузки скелетонами.
  5. Сделать имитацию отправки формы покупки где есть поле "выбранная пара" и "количество" через создание промиса и через 5-10сек секунд резолв промиса со случайным результатом Success\Failed и обработка потенциальной ошибки.

Request 1/2: curl -s https://ton-swap-indexer.broxus.com/v1/pairs/meta -H 'accept: application/json' Request 2/2: curl -s -X POST https://ton-swap-indexer.broxus.com/v1/currencies/0:0ee39330eddb680ce731cd6a443c71d9069db06d149a9bec9569d1eb8d04eb37 -H 'accept: application/json'

Использовать React, желательно CRA, и любую систему управления состоянием Recoil/Redux/MobX, любую либу визуала ReactBootstrap/Material/чтоугодно.

About


Languages

Language:TypeScript 82.4%Language:SCSS 15.5%Language:HTML 2.1%