Главная страница монет

Главная страница сервиса COINS предоставляет обзор всех доступных криптовалют и инструменты для их анализа.

Структура страницы

На главной странице находятся следующие основные элементы:

1. Заголовок (CoinsHeader)

Компонент верхней части страницы с название и фильтрацией.

Функции:

• Отображение названия раздела
• Выбор валюты для отображения цен
• Переключение между валютами

2. Таблица криптовалют (CoinsTable)

Основной компонент для отображения списка монет.

Столбцы:

• Название и тикер монеты
• Текущая цена в выбранной валюте
• Изменение цены за 24 часа (в % и в абсолютном значении)
• Рыночная капитализация
• Объём торговли за 24 часа
• Кнопка добавления в избранное

Функции:

• Сортировка по различным параметрам
• Поиск монет по названию или тикеру
• Добавление/удаление из избранного
• Постраничная навигация

3. Верхние криптовалюты (TopCryptoTable)

Компонент для отображения топ криптовалют по рыночной капитализации.

4. Конвертер валют (ConverterWidget)

Инструмент для быстрого конвертирования между криптовалютами.

Функции:

• Ввод количества одной монеты
• Автоматический расчёт эквивалента в другой монете
• Выбор пар монет для конвертирования

5. Фильтры и управление

• Выпадающий список состояния монет (CoinStateDropdown) - Фильтрация по статусу
• Выбор валюты (CurrenciesDropdown) - Выбор валюты для отображения цен

Компоненты модулей

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

• coinsHeader - Заголовок с фильтрами
• coinsTable - Главная таблица криптовалют
• topCryptoTable - Таблица топ криптовалют
• converterWidget - Виджет конвертера
• coinStateDropdown - Выпадающее меню состояния монет
• currenciesDropdown - Выпадающее меню валют
• exportFavoriteCoins - Экспорт избранных монет

Информационные компоненты

• aboutCrypto - Информация о криптовалюте в целом
• coinDisclaimer - Дисклеймер о рисках
• infoCrypto - Информация о конкретной монете

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

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

• Использование Vuex для хранения списка монет и фильтров
• Синхронизация с бэкендом для получения актуальных данных

Работа с избранным (Favorites)

Реализована система работы с избранными монетами через миксин favorites.

Функции:

• Добавление монет в избранное
• Удаление из избранного
• Сохранение списка в локальное хранилище

Форматирование данных

Модуль format.js предоставляет утилиты для:

• Форматирования больших чисел
• Округления цен
• Форматирования процентов

Query параметры

Страница поддерживает следующие query параметры:

• currency - Выбранная валюта для отображения
• sort - Параметр сортировки таблицы
• search - Поисковый запрос
• page - Номер страницы в таблице