Nowoczesne Strony Internetowe
Tworzenie i wdrażanie zaawansowanych stron internetowych oraz małych aplikacji SaaS. W moim portfolio znajdują się potwierdzone, nowoczesne realizacje opierające się o najszybsze frameworki na rynku: Astro, React i Next.js. 1. TwoFriends Events (https://twofriends-events.pl) - *Astro* 2. Aleksandra Fijałkowska PMU (https://aleksandra-fijalkowska-pmu.com) - *Astro* 3. Decyzjomat (https://decyzjomat.vercel.app) - *Next.js*
Praktyczne umiejętności
- Astro
- Next.js
- React
- Tailwind CSS
- TypeScript
- Vercel / Netlify deployment
Rozwijane obszary
- Globalny SSR i Cache
- Większa modularność Front-Endu
- E2E testing (Playwright, Cypress)
Główne zainteresowania
- Nowoczesne metody renderowania
- UI/UX
- Techniczne SEO i semantyka HTML
Moje podejście
- Dokładność
- Design-centric
- Dbałość o czysty kod
Szczegółowe Omówienie Projektów
Architektura, optymalizacja powołanych już do życia aplikacji i stron w sieci.
TwoFriends Events
Kompleksowa platforma dla gwałtownie rozwijającej się agencji eventowej. Oprócz wydajności (PageSpeed 100/100) wymuszonej przez Astro, aplikacja integruje się z backendem Supabase z uwierzytelnianiem i rezerwacjami. Z racji specyficznych reguł logiki biznesowej i dostępu, backend w postaci bazy u obsługiwany jest poprzez szybkie funkcje krawędziowe od Cloudflare (Cloudflare Workers jako serwer brzegowy API).
Supabase & Cloudflare Workers
Bezpieczny serwer logiki autoryzacji z administracyjnym zarządzaniem danymi uruchamiany przez szybkie usługi chmurowe Cloudflare.
Animacje UI & Branding
Wysoce customizowane, zapętlone grafiki i wektorowe logotypy powiązane z bardzo łagodnymi gładkimi przejściami (View Transitions).
Aleksandra Fijałkowska PMU
Prestiżowa wizytówka niemieckiego gabinetu makijażu permanentnego. Narzucała rygorystyczne wdrożenie designu opartego o palety barw premium i responsywną optymalizację dużych fotografii galerii. Głównym atutem technologicznym jest bezwzględne zastosowanie RODO (GDPR) — zaprojektowałem i zaimplementowałem autorski, bezciasteczkowy system analityczny uruchamiający anonimowe statystyki wyłącznie po wyraźnej zgodzie na pop-upie.
Local SEO & Konwersja
Architektura wspierana strukturyzacją JSON-LD pod biznesy lokalne w Niemczech oraz lejek konwersyjny skupiony na mobilnych apkach WhatsAppowych.
Cookieless Analytics & RODO
Wyśrubowane zabezpieczenia prywatności użytkownika. Śledzenie wizyt uruchamia skrypty Netlify dopiero po kliknięciu "Akceptuję" na bannerze.
Decyzjomat
Aplikacja narzędziowa, rozrywkowa i motywacyjna pomagająca w podejmowaniu decyzji metodą "Ruletki Zadań". Posiada bogaty interfejs użytkownika z kategoryzacją puli losowań oraz systemem dynamicznych presetów.
State Management (TypeScript)
Wykorzystanie wielu wbudowanych hooków na raz (np. useState, useRef, useEffect) z rygorystycznym typowaniem.
Interactive Vector Logic
Matematyczny interfejs obracającego się koła uwarunkowany przez React w połączniu ze złożonym algorytmem losującym z wagami.