CryptoMonitor

Определение функциональных требований

Перед началом разработки системы мониторинга криптоактивов, я сформировал перечень требований, чтобы обеспечить максимальную информативность и удобство для пользователя.

В моем представлении, современный трекер должен не просто показывать цифры, а предоставлять контекст: динамику за 24 часа, общую капитализацию рынка и детальную аналитику по каждому активу.

Реестр функциональных и нефункциональных требований:

• Мониторинг цен: Отображение актуальных курсов топ-50 криптовалют.
• Фильтрация и сортировка: Возможность быстрого поиска "Лидеров роста" и "Лидеров падения".
• Глобальная аналитика: Показ доминации BTC/ETH и общей капитализации рынка в реальном времени.
• Детальный разбор: Модальное окно с описанием актива и графиком изменения цены (Sparkline).
• Автообновление: Система должна автоматически синхронизировать данные каждые 20 секунд без перезагрузки страницы.

Получение API и конфигурация проекта

Для работы приложения требуется доступ к агрегатору данных. Я выбрал CoinGecko API, так как он предоставляет один из самых полных наборов данных бесплатно (Demo-план).

Процесс получения ключа:

1. Регистрация на CoinGecko Developer Dashboard.
2. Создание нового API Key (Demo).
3. Сохранение ключа в конфигурационный файл.

Структура окружения (.env): Ключи и настройки хранятся отдельно от кода для безопасности:

COINGECKO_API_KEY="твой_ключ"
DEBUG=True

Разработка приложения

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

Для стабильной работы бэкенда на Python был создан файл зависимостей.

requirements.txt:

fastapi
uvicorn
requests
python-dotenv

2. Архитектура Backend (Python + FastAPI)

Бэкенд разделен на два основных модуля:

• api_client.py: Логика взаимодействия с внешним API, механизм кэширования для снижения нагрузки на лимиты.
• main.py: RESTful API сервис на базе FastAPI, обслуживающий запросы фронтенда.

Пример реализации кэширования в api_client.py:

cache = {
    'prices': {'data': None, 'timestamp': 0},
    'global': {'data': None, 'timestamp': 0}
}
_CACHE_EXPIRE = 60 # Кэш на 60 секунд

3. Разработка Frontend (Vanilla JS + CSS)

Интерфейс выполнен в современном стиле с использованием "стеклянного" дизайна (glassmorphism) и плавных анимаций.

Ключевые особенности UI:

• Lucide Icons: Использование векторных иконок для визуализации трендов.
• SVG Charts: Динамическая генерация графиков изменения цены за 7 дней прямо в браузере.
• Responsive Design: Адаптация под мобильные устройства и планшеты.

Тестирование и запуск

Запуск проекта осуществляется через терминал:

python main.py

После запуска сервер становится доступен по адресу http://localhost:8000. Приложение сразу начинает цикл обновления данных:

1. Главная страница: Показ сетки карточек с ценами.
2. Индикатор обновления: Таймер в шапке отсчитывает время до следующей синхронизации.
3. Аналитика: При клике на карточку открывается окно с подробным описанием монеты на русском языке.

Методические материалы

Понятие	Описание
FastAPI	Современный, быстрый (высокопроизводительный) веб-фреймворк для создания API.
CoinGecko API	Программный интерфейс, предоставляющий доступ к данным рынка криптовалют.
Vanilla JavaScript	Чистый JavaScript без использования сторонних фреймворков.
Sparkline	Небольшой график, показывающий общую динамику изменения во времени.
REST API	Архитектурный стиль взаимодействия компонентов по протоколу HTTP.