Создание Dashboard

Техническое задание (ТЗ) на создание Dashboard для HYPE

1. Основная цель

Создать Dashboard для мониторинга активности определенного кошелька в сети Hyperliquid. Дашборд должен:

    •    Отображать данные транзакций в режиме реального времени (каждый час).

    •    Собирать данные начиная с 00:00 часов каждого дня.

    •    Фиксировать и визуализировать метрики в виде графиков и таблиц.

2. Функционал

    1.    Сбор данных

    •    Интеграция с API HypurrScan 

    •    Автоматическое обновление данных каждые 60 минут.

    2.    Отображаемые данные

    •    Таблица транзакций:

    •    Количество токенов, выкупленных за день.

    •    Количество долларов, потраченных за день.

    •    Общее количество токенов в кошельке (накопительный итог).

    •    Графики:

    •    Дневной график: выкуп токенов ($HYPE) и затраченные суммы (USDC).

    •    Итоговый график: изменение общего баланса токенов в разделе HOLDINGS.

    3.    Функции

    •    Начало отсчета: сбор данных с 00:00 текущего дня.

    •    Добавление новых данных к накопленным значениям для визуализации роста (накопительный итог).

    •    Ручное обновление данных (кнопка “Refresh”).

    •    Сохранение данных в базе (например, SQLite или MongoDB).

3. Входные данные

    •    URL кошелька: https://hypurrscan.io/address/0xfefefefefefefefefefefefefefefefefefefefe.

    •    API или парсинг страницы для получения:

    •    Данных транзакций (сумма, количество токенов, время).

    •    Общего баланса токенов.

4. Стек технологий

    •    Backend: Python (FastAPI или Flask).

    •    Модули: requests, pandas, sqlite3/sqlalchemy.

    •    Frontend: JavaScript (React + TailwindCSS).

    •    Графики: библиотека Chart.js или ApexCharts.

    •    База данных: SQLite или MongoDB.

    •    Хостинг: Vercel для фронтенда, AWS/Heroku для бэкенда.

5. Этапы разработки

    1.    Сбор данных

    •    Подключение к API HypurrScan https://api.hypurrscan.io/ui/

    •    Создание скрипта для получения транзакций, текущего баланса токенов и других данных.

    2.    Обработка данных

    •    Агрегация данных по дням.

    •    Подсчет накопительного итога токенов и затрат.

    3.    Frontend

    •    Создание интерфейса для отображения данных в таблицах и графиках.

    •    Реализация обновления графиков каждые 60 минут.

    4.    Визуализация

    •    Настройка столбчатых графиков для отображения выкупа токенов и затрат.

    •    Линейный график для визуализации общего баланса токенов.

    5.    Тестирование

    •    Проверка корректности данных.

    •    Оптимизация производительности.

6. Пример структуры данных

    •    Таблица transactions:

id | date       | time   | tokens_bought | usd_spent | total_tokens

---------------------------------------------------------------

1  | 2025-01-31 | 00:15  | 500.45        | 14,000    | 500.45

2  | 2025-01-31 | 01:15  | 300.33        | 8,000     | 800.78

    •    Таблица holdings:

id | date       | total_tokens | total_usd_spent

------------------------------------------------

1  | 2025-01-31 | 13,978,156.65 | 389,662,038.85

Реализация визуализации данных

    1.    Используемая библиотека:

    •    Для построения графиков: Chart.js (если используете React/JavaScript) или Matplotlib/Plotly (если Python).

    •    Stacked Bar Chart или схожий тип графика.