Разработка фронтенда, 1 сраница с Web3 (Подключение MetaMask)
Необходимо повторить фронтенд часть данной страницы https://wallet.bt.io/bridge с учетом мобильной верстки. Часть данных необходимо брать с блокчейна через библиотеку Web3 (Там всё просто, трудностей возникнуть не должно. При необходимости могу немного помочь.).
Для расчетов и отображения баланса использовать библиотеку "bignumber.js".
При подключении MetaMask проверять сеть и при необходимости менять на нужную.
Что будет другим:
- Хедер
- будет состоять только из названия сайта и логотипа, в правой части баланс токена сайта. Баланс токена в мобильной верстке переносить на вторую строку, примерно как тут https://pancakeswap.finance/swap (тут внизу, нам кнопка купить не нужна).
- возможность добавить рекламный банер под хедером, как тут https://kyberswap.com/swap
- Футер
- Нам нежена будет только 1 колонка с 1 пунктом, с возможностью расширения
- Название и одна иконка с ссылкой на телеграмм
- Основная часть
- Дисейблить сети и токены. Напротив сетей и токенов в правом верхнем углу должна быть добавлена надпись Сoming soon.
- Кнопку между чейнами сделать односторонней (стрелку) и неактивной.
- Будет 2 поля Amount, "Amount from" и "Amount to(estimated)". Второе поле редактировать нельзя.
- Напротив суммы баланса токена добавить ссылку "Get"
- При отклике на это задание написать слово Get
- Внизу история транзакций, до 5 последних - брать с блокчейна. Как тут https://wallet.bt.io/records?pending=0 нужна только сама таблица без поиска. Иконки кошельков не нужны, надо добавить иконку для перехода в обозреватель кошелька. В колонках где адреса будет 3 строчка с hash транзакции и иконкой перехода на сайт для проверки.
- При подключении кошелька добавить QR код с ссылкой на сайт. Для открытия в мобильной версии кошелька. Кнопку подключения кошелька делать активной только после выбора пользователем сети откуда. Кошелек для сети куда подключать не надо.
В localStorage необходимо хранить ref id, он необходим при создании заявки на перевод.
При обновлении статуса заявок (подписка на события из блокчейна) выдавать соотвествующие уведомления (алерты).
Вынести в конфиг:
- параметры блокчейн сетей (список и состояние - включено или нет), данные для подключения кошелька.
- список токенов (список и состояние, на первое время будет только TRX и BNB)
- сколько показывать последних транзакций
- адрес основного смарт контракта
И тд.
На данный момент идет разработка смарт контракта для обмена, можно будет добавить функционал при необходимости.
На текущий момент решено что будет уметь:
- Создавать заявку и принимать платеж в BRC20 токенах (ERC20 токены сети BTTC)
- Создавать заявку и принимать платеж в BTT
- Возвращать ордера по номеру кошелька и порядковому номеру
- Делать расчет сколько выйдет после перевода за вычетом комиссии
Возможны мелкие правки если что-то забыл или не учел.