CryptoDash Pro — PWA Dashboard w czasie rzeczywistym (React + Vite)

Opracowałem pełnoprawną aplikację SPA do monitorowania rynku kryptowalut. Głównym celem jest stworzenie nie tylko szaty graficznej, ale szybkiego i wygodnego narzędzia, które działa jak natywna aplikacja na urządzenia mobilne.

Co zostało zrealizowane:

Dane na żywo: Integracja z API CoinGecko. Kursy, wolumeny handlu i kapitalizacja rynkowa są aktualizowane w czasie rzeczywistym.

PWA (Progressive Web App): Aplikacja jest instalowana na iOS i Android bezpośrednio z przeglądarki. Ma własną ikonę na pulpicie, splash-screen i działa na pełnym ekranie bez interfejsu przeglądarki.

Wydajność: Natychmiastowe wyszukiwanie i sortowanie top-100 monet (klientskie filtrowanie bez opóźnień).

Zarządzanie portfelem: Zrealizowałem logikę dodawania aktywów z zachowaniem w LocalStorage — dane i obliczenia wartości portfela nie znikają po przeładowaniu strony.

UI/UX: Nowoczesny design w stylu Glassmorphism (Tryb Ciemny), w pełni responsywna szata graficzna (Mobile-First) z dolną nawigacją dla smartfonów.

Stos technologiczny:

Core: React 18, TypeScript, Vite (kompilacja).

Zarządzanie stanem: Zustand (do zarządzania globalnym stanem aplikacji).

Style: Tailwind CSS + Lucide React Icons.

Wdrożenie: Skonfigurowałem automatyczne wdrożenie (CI/CD) przez Vercel.

Projekt demonstruje umiejętność pracy ze skomplikowaną logiką na froncie, asynchronicznymi zapytaniami, ścisłą typizacją oraz optymalizacją wydajności aplikacji webowych.

#react #typescript #pwa #Frontend #dashboard #tailwindcss #vite #spa #WebDevelopment