CryptoDash Pro — Real-time PWA Дашборд (React + Vite)
Розробив повноцінний SPA-застосунок для моніторингу ринку криптовалют.
Головна мета — створити не просто верстку, а швидкий та зручний інструмент, що працює як нативний додаток на мобільних пристроях.
Що реалізовано:
Live-дані: Інтеграція з CoinGecko API. Курси, об'єми торгів та ринкова капіталізація оновлюються в реальному часі.
PWA (Progressive Web App): Застосунок встановлюється на iOS та Android прямо з браузера. Має власну іконку на робочому столі, splash-screen та працює на весь екран без інтерфейсу браузера.
Продуктивність: Миттєвий пошук та сортування топ-100 монет (клієнтська фільтрація без затримок).
Керування портфелем: Реалізував логіку додавання активів із збереженням у LocalStorage — дані та розрахунки вартості портфеля не зникають після перезавантаження сторінки.
UI/UX: Сучасний дизайн у стилі Glassmorphism (Dark Mode), повністю адаптивна верстка (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 (Dark Mode), повністю адаптивна верстка (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