Aperture — adaptacyjna strona lądowania dla fotografa (React+Tailwind CSS)
Aperture — jednokolumnowa strona portfolio dla studia fotograficznego: ciemny minimalistyczny design, akcent na dużych fotografiach i szczegółach ważnych dla fotografa (dane EXIF zdjęć bezpośrednio na stronie).
Co w środku:
Hero-blok z pełnoekranowym zdjęciem, sekcje usług, galeria prac z paskami EXIF (czas naświetlania, przysłona, ISO, lokalizacja), blok marek-klientów, subskrypcja na newsletter
Pełna responsywność: mobilny, tablet, desktop; animowane menu burgerowe z blokowaniem scrolla
Dostępność (a11y): semantyczne znaczniki, atrybuty aria, obsługa z klawiatury
Szybkość: lazy-loading sekcji, sprite SVG dla ikon, zoptymalizowane czcionki (~95 kB gzip cały JS)
Stos: React 19, TypeScript, Tailwind CSS, Vite, monorepo Nx z własną biblioteką komponentów UI (przyciski, karty, menu burgerowe — wielokrotne użycie w kolejnych projektach).
Kod: https://github.com/Yasenuk/Portfolio
Co w środku:
Hero-blok z pełnoekranowym zdjęciem, sekcje usług, galeria prac z paskami EXIF (czas naświetlania, przysłona, ISO, lokalizacja), blok marek-klientów, subskrypcja na newsletter
Pełna responsywność: mobilny, tablet, desktop; animowane menu burgerowe z blokowaniem scrolla
Dostępność (a11y): semantyczne znaczniki, atrybuty aria, obsługa z klawiatury
Szybkość: lazy-loading sekcji, sprite SVG dla ikon, zoptymalizowane czcionki (~95 kB gzip cały JS)
Stos: React 19, TypeScript, Tailwind CSS, Vite, monorepo Nx z własną biblioteką komponentów UI (przyciski, karty, menu burgerowe — wielokrotne użycie w kolejnych projektach).
Kod: https://github.com/Yasenuk/Portfolio