Finance Dashboard

Современный дашборд для отслеживания курсов валют и криптовалют с красивым интерфейсом и темной темой.

Особенности.

• 📊 Графики изменения курсов валют и криптовалют
• 💱 История обменов валют
• 🌓 Поддержка светлой и темной темы с анимированным переключателем
• ✨ Современные анимации и эффекты
• 📱 Адаптивный дизайн для всех типов устройств
• ⚙️ Гибкая настройка интерфейса и параметров
• 🔄 Обновление курсов валют в реальном времени
• 📋 Детальная история операций с фильтрацией
• 🧮 Встроенный конвертер валют
• 📲 Полная адаптация под мобильные устройства с выдвижным меню

Технологии

• HTML5
• CSS3 (с использованием современных функций и анимаций)
• JavaScript (ES6+)
• Chart.js для визуализации данных
• Font Awesome для иконок
• LocalStorage для сохранения настроек пользователя
• Адаптивная вёрстка с использованием CSS Grid и Flexbox

API

• Exchange Rate API для курсов валют
• CoinGecko API для криптовалют

Установка

1. Склонируйте репозиторий
2. Откройте index.html в браузере

Использование

Основной дашборд (index.html)

• Переключение темы: используйте переключатель в сайдбаре
• Изменение базовой валюты: используйте выпадающий список в шапке
• Обновление курсов: нажмите на кнопку обновления рядом с секцией "Текущие курсы"
• Конвертация валют: используйте встроенный конвертер в нижней части страницы
• На мобильных устройствах: используйте кнопку меню в верхнем левом углу для доступа к навигации

История операций (history.html)

• Просмотр всех операций по обмену криптовалют
• Фильтрация по периоду, типу операции и криптовалюте
• Визуальные индикаторы для разных типов транзакций
• Пагинация для удобной навигации по большому количеству операций
• Адаптивное отображение таблицы на мобильных устройствах с фокусом на ключевой информации

Настройки (settings.html)

• Персонализация интерфейса (тема, базовая валюта)
• Настройка отображения (период графиков, точность чисел, компактный режим)
• Управление уведомлениями (включение/отключение, длительность)
• Настройка обновления данных (автоматическое обновление, интервал)
• Выбор отображаемых криптовалют
• Экспорт/импорт настроек для переноса между устройствами
• Сброс настроек до значений по умолчанию

Функциональные возможности

• Отображение в реальном времени: Актуальные курсы валют и криптовалют с возможностью обновления
• Адаптивный интерфейс: Автоматическая подстройка под высоту экрана для исключения прокрутки
• Сохранение настроек: Все пользовательские настройки сохраняются между сессиями
• Компактный режим: Уменьшенные отступы для более компактного отображения информации
• Интерактивные уведомления: Информативные сообщения о результатах операций
• Умное определение темы: Автоматическое определение системных предпочтений пользователя
• Мобильная навигация: Выдвижное меню с анимацией для удобного доступа к функциям на мобильных устройствах
• Оптимизация для малых экранов: Адаптивное отображение данных с фокусом на самой важной информации

Обновление данных

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

Персонализация

• Тема: Выберите между светлой, темной или системной темой
• Валюта: Установите предпочтительную валюту для отображения
• Компактность: Включите компактный режим для экранов с малым разрешением
• Уведомления: Настройте длительность и типы отображаемых уведомлений

Адаптация под мобильные устройства

• Адаптивный макет: Оптимизация интерфейса под экраны разных размеров
• Выдвижное меню: Скрытое меню для навигации на мобильных устройствах
• Оптимизированная иерархия: Адаптивное отображение данных с приоритизацией важной информации
• Упрощенные таблицы: Скрытие второстепенных колонок на малых экранах
• Вертикальное расположение: Перестроение сетки элементов для вертикального просмотра
• Увеличенные элементы управления: Кнопки и поля ввода оптимизированы для сенсорного управления