CryptoDash Pro — Дашборд PWA в реальном времени (React + Vite)
Разработал полноценное SPA-приложение для мониторинга рынка криптовалют. Главная цель — создать не просто верстку, а быстрый и удобный инструмент, который работает как нативное приложение на мобильных устройствах.
Что реализовано:
Live-данные: Интеграция с CoinGecko API. Курсы, объемы торгов и рыночная капитализация обновляются в реальном времени.
PWA (Progressive Web App): Приложение устанавливается на iOS и Android прямо из браузера. Имеет собственную иконку на рабочем столе, splash-screen и работает на весь экран без интерфейса браузера.
Производительность: Мгновенный поиск и сортировка топ-100 монет (клиентская фильтрация без задержек).
Управление портфелем: Реализовал логику добавления активов с сохранением в LocalStorage — данные и расчеты стоимости портфеля не исчезают после перезагрузки страницы.
UI/UX: Современный дизайн в стиле Glassmorphism (Темный режим), полностью адаптивная верстка (Mobile-First) с нижней навигацией для смартфонов.
Технический стек:
Core: React 18, TypeScript, Vite (сборка).
State Management: Zustand (для управления глобальным состоянием приложения).
Styles: Tailwind CSS + Lucide React Icons.
Deploy: Настроил автоматический деплой (CI/CD) через Vercel.
Проект демонстрирует умение работать со сложной логикой на фронтенде, асинхронными запросами, строгой типизацией и оптимизацией производительности веб-приложений.
#react #typescript #pwa #Frontend #dashboard #tailwindcss #vite #spa #WebDevelopment
Что реализовано:
Live-данные: Интеграция с CoinGecko API. Курсы, объемы торгов и рыночная капитализация обновляются в реальном времени.
PWA (Progressive Web App): Приложение устанавливается на iOS и Android прямо из браузера. Имеет собственную иконку на рабочем столе, splash-screen и работает на весь экран без интерфейса браузера.
Производительность: Мгновенный поиск и сортировка топ-100 монет (клиентская фильтрация без задержек).
Управление портфелем: Реализовал логику добавления активов с сохранением в LocalStorage — данные и расчеты стоимости портфеля не исчезают после перезагрузки страницы.
UI/UX: Современный дизайн в стиле Glassmorphism (Темный режим), полностью адаптивная верстка (Mobile-First) с нижней навигацией для смартфонов.
Технический стек:
Core: React 18, TypeScript, Vite (сборка).
State Management: Zustand (для управления глобальным состоянием приложения).
Styles: Tailwind CSS + Lucide React Icons.
Deploy: Настроил автоматический деплой (CI/CD) через Vercel.
Проект демонстрирует умение работать со сложной логикой на фронтенде, асинхронными запросами, строгой типизацией и оптимизацией производительности веб-приложений.
#react #typescript #pwa #Frontend #dashboard #tailwindcss #vite #spa #WebDevelopment