INVESTING

Сервис для управления и расчёта инвестиций в криптовалютные токены с поддержкой стейкинга и расчёта дохода.

Основные возможности

• Калькулятор инвестиций - Расчёт потенциального дохода от инвестиций и стейкинга
• История выплат - Просмотр истории полученных выплат от стейкинга
• Информация о ROI - Отображение информации о возврате инвестиций
• Покупка токенов - Интеграция с платформой для покупки токенов
• Поддержка нескольких криптовалют - Работа с разными типами токенов (PIRATE, COSA, DASH и т.д.)
• Дорожная карта (RoadMap) - Отображение плана развития платформы

Структура сервиса

Сервис состоит из нескольких основных страниц с разными параметрами инвестирования:

Главная страница

/investing/ - Страница перенаправляет на одну из специализированных страниц

Специализированные страницы инвестирования

• Pirate (/investing/pirate) - Инвестирование в PIRATE токен
• Cosa (/investing/cosa) - Инвестирование в COSA токен
• Dash (/investing/dash) - Инвестирование в DASH токен

Основные компоненты и модули

CalculatorWidget Module

Виджет калькулятора для расчёта прибыли инвестиций.

Компоненты:

• CalculatorWidget - Основной компонент калькулятора
• ShortCard - Карточка с кратким отображением информации
• WalletInfo - Информация о кошельке пользователя
• NoWalletInfo - Сообщение при отсутствии подключённого кошелька
• PayoutsInfo - Информация о выплатах

Функции:

• Ввод количества токенов
• Расчёт ожидаемого дохода
• Отображение APY (годовой процент)
• Интеграция с кошельком для получения актуальных данных

StackingCalculator Module

Специализированный калькулятор для расчёта стейкинга.

Функции:

• Расчёт прибыли от стейкинга за различные периоды
• Отображение компаундирования (реинвестирования доходов)
• Расчёт комиссий

PayoutsHistoryTable Module

Таблица для отображения истории полученных выплат.

Функции:

• Отображение списка выплат
• Информация о дате, сумме и статусе выплаты
• Поддержка пагинации и фильтрации

BuyTokenButton Module

Кнопка для покупки токенов на платформе.

Компоненты:

• BuyTokenButton - Кнопка с интеграцией на покупку

RoiInfo Module

Информация о возврате инвестиций (ROI).

Функции:

• Отображение историческою ROI
• Сравнение ROI между разными периодами

InvestingPageLink Module

Управление ссылками между страницами инвестирования.

InvestingChart Module

График для визуализации данных инвестирования.

Интерфейсные элементы

Компоненты разделов

• RoadMap - Компонент для отображения дорожной карты развития
• NoStakingBanner - Баннер при отсутствии активного стейкинга

Карточки и сетки

• InfoShortCard - Информационная карточка с кратким содержимым
• SimpleInfoShortCard - Упрощённая информационная карточка
• CardsGrid - Сетка для отображения карточек

Плакаты (Posters)

Различные плакаты для состояний:

• InvestingEmpty - Состояние отсутствия инвестиций
• InvestingNotEnough - Состояние недостаточного количества токенов
• InvestingStakingNotStarted - Состояние когда стейкинг не начат

Доступны для разных валют:

• pirate/ - Плакаты для PIRATE
• cosa/ - Плакаты для COSA
• dash/ - Плакаты для DASH

Подсказки

• InvestmentInfoTooltip - Подсказка с информацией об инвестиции

Технические особенности

Управление состоянием

• Использование Vuex для управления состоянием инвестиций
• Хранение информации о текущих инвестициях пользователя
• Синхронизация данных кошелька

Фильтрация и пагинация

Реализована система фильтрации и пагинации в таблицах через:

• basePaginationFilter - Миксин для базовой пагинации
• basePaginationFilterTools - Утилиты для работы с фильтрами

Работа с адресом кошелька

• investingAddressData - Получение данных по адресу кошелька
• investingAddressDataWithoutQuery - Работа с данными без query параметров
• onboardingInvestingPopup - Попап для онбоардинга новых пользователей

Конфигурация

• investingStatics - Статические конфигурационные данные сервиса