Tworzyć, testować, ulepszać

Pełny rozwój korporacyjnej platformy internetowej dla GM Microcementos, firmy specjalizującej się w aplikacji mikrocementu. Profesjonalna strona internetowa z 15 zoptymalizowanymi stronami, skupiona na wydajności, SEO i wyjątkowym doświadczeniu użytkownika. Zawiera kalkulator budżetu, filtrowaną galerię projektów, zaawansowane formularze i minimalistyczny system projektowania. Modularna architektura z ponad 100 komponentami wielokrotnego użytku i optymalizacją Core Web Vitals.

Platforma internetowa dla Academia CEJ, akademii specjalizującej się w konkursach sądowniczych w Maladze. Pełnię responsywna strona internetowa z blogiem, wirtualnym kampusem, systemem testów wiedzy, systemem rejestracji i zarządzaniem kursami. Opracowano z Next.js 14, React 18, Tailwind CSS, Framer Motion i Docker.

Rozwój korporacyjnej strony Dimap — nowoczesnej aplikacji opartej na Next.js 15, React 19, Redux Toolkit i TailwindCSS, zaprojektowanej z myślą o najwyższej wydajności i płynnym doświadczeniu użytkownika. Projekt obejmuje strony usług, blog, sekcje korporacyjne oraz formularze z systemem śledzenia leadów, zbudowane w modularnej architekturze i zoptymalizowane dzięki SSG, Lazy Loading i ClientLoader.

W tym projekcie współpracowałem z zespołem, aby zbudować od podstaw platformę skupioną na sprzedaży produktów wysokiej jakości i wspieraniu lokalnego handlu. Pracowaliśmy od koncepcji do praktyki, tworząc zarówno back-end jak i front-end. Oprócz różnych technologii zostały zintegrowane takie elementy jak JWT do kontroli kont użytkowników i logowania, dashboard do kontroli wszystkich danych... Funkcjonalności takie jak możliwość logowania się różnymi sieciami społecznościowymi, tworzenie konta jako użytkownik do kupowania produktów lub jako firma do ich dodawania, mapy najbliższego miejsca, gdzie można znaleźć dany produkt, między innymi. Ze względów poufności kod nie jest pokazywany.

DevCrate to platforma do odkrywania zasobów deweloperskich (narzędzi, bibliotek, assetów, dokumentacji i wyzwań). Czy też zdarzyło Ci się, że potrzebowałeś zasobu do projektu albo po prostu inspiracji i kończyłeś, przeglądając nieskończoną liczbę stron? Właśnie dlatego stworzyłem tę platformę: aby uporządkować i nie gubić zasobów, które odkrywałem przez lata, oraz szybko je odnajdywać bez polegania na porozrzucanych zakładkach. Zawiera zaawansowane wyszukiwanie, filtry po tagach i panel administracyjny do zarządzania całą treścią. Umożliwia też sugestie społeczności, aby dalej gromadzić przydatne narzędzia. Została zbudowana w Next.js, React, TypeScript i MongoDB, z bezpiecznym uwierzytelnianiem oraz nowoczesnym interfejsem opartym na shadcn/ui.

Rekonstrukcja oficjalnego hero Apple dla AirPods Pro 2, skoncentrowana na opanowaniu zaawansowanych animacji z GSAP i ScrollTrigger. Zaimplementowałem sekwencję 65 obrazów renderowanych w Canvas, zsynchronizowaną ze scrollem, wraz z płynnymi przejściami, dynamiczną nawigacją i efektami wizualnymi inspirowanymi oryginalnym doświadczeniem Apple. Projekt nastawiony na doskonalenie wydajnych animacji webowych.

Tworzenie PWA do wykrywania obiektów w czasie rzeczywistym z użyciem Angular 19 i TensorFlow.js. Obejmuje konfigurację PWA, integrację TensorFlow.js do wykrywania obiektów, przechwytywanie i przetwarzanie obrazów na żywo, optymalizację przy użyciu Web Workers i Lazy Loading, przechowywanie offline w IndexedDB oraz wdrażanie na urządzeniach mobilnych.

Klon landing page Grand Theft Auto VI stworzony wyłącznie w celach edukacyjnych i demonstracji umiejętności rozwoju stron internetowych. Nowoczesna strona z responsywnym designem zoptymalizowanym dla wszystkich rozdzielczości desktop (1024px - 4K). Zawiera rozwijane menu z zaawansowanymi animacjami używając GSAP, dynamiczny system prezentacji postaci i lokalizacji z obrazami, interaktywną sekcję zwiastunów z podglądami i sekcję pobierania z animowanymi kartami. Niekomercyjny projekt edukacyjny opracowany z Astro, Tailwind CSS i JavaScript.

Projekt ćwiczeniowy do nauki Three.js i TresJS z modelami 3D. Interaktywna aplikacja webowa pozwalająca personalizować biurko regulowane (standing desk) z różnymi opcjami wykończeń i kolorów. Zawiera widok 3D z kontrolami orbitalnymi, modele 3D laptopa, słuchawek i rośliny dekoracyjnej. Personalizuj wykończenie biurka i wybieraj kolory akcesoriów z podglądem w czasie rzeczywistym. Opracowany z Vue 3, TresJS (integracja Three.js z Vue), TypeScript, Vite i UnoCSS.

Niewielki projekt nastawiony na ćwiczenie pracy ze Strapi jako CMS-em i backendem. Został zbudowany w React/Next.js, TypeScript i Tailwind CSS. Chociaż demo korzysta z danych mockowanych, w kodzie zaimplementowano prawdziwą integrację ze Strapi do pobierania i zarządzania treścią.

Projekt czatu w czasie rzeczywistym z architektura backendu ukierunkowana na produkcje. Wykorzystuje Node.js + Express oraz Socket.IO do komunikacji dwukierunkowej, z dwoma trybami przechowywania: in-memory (mock) i opcjonalna persystencja w Supabase. Frontend (Vite) moze dzialac w trybie demo lub live, a rozwiazanie ma architekture warstwowa (konfiguracja, HTTP, realtime, domena i storage), co ulatwia utrzymanie, testowanie i skalowanie.

Implementacja HTML5 klasycznej gry Super Mario Bros zbudowanej przy użyciu Phasera 3.55.2 do celów edukacyjnych, w oparciu o pracę decapapi. Projekt odtwarza platformówkę 2D z modułową architekturą animacji, bloków, struktur, bytów, elementów sterujących gracza i HUD-u, a także dodatkami, takimi jak przechwytywanie zrzutów ekranu za pomocą html2canvas. Obsługuje wdrażanie sieci i rozwój lokalny za pomocą Vite, dzięki czemu testowanie i udostępnianie kodu open source w ramach licencji MIT jest proste.

Paint Win 95' odtwarza klasyczne doświadczenie Microsoft Paint z retro interfejsem w stylu Windows 95 i nowoczesnym działaniem w przeglądarce. Zawiera narzędzia do rysowania i zaznaczania, paletę kolorów podstawowy/pomocniczy, historię cofania/ponawiania, poziomy przybliżenia roboczego, otwieranie lokalnych obrazów, eksport do PNG oraz obsługę myszy, klawiatury i dotyku/rysika przez Pointer Events.

Bookshop View Transitions to demo w React + Vite skupione na wdrażaniu płynnych przejść między stronami z użyciem API View Transitions, w tym współdzielonych animacji między elementami (tytuł, okładka i nawigacja), aby uzyskać wizualnie ciągłą nawigację.

Klon TikToka zbudowany w React, TypeScript i Vite, zaprojektowany w podejściu mobile-first. Zawiera pionowy feed z automatycznym odtwarzaniem, nawigację Following/For You, interaktywne akcje (like, komentarze, zapisywanie, udostępnianie), strony Friends/Inbox/Profile oraz upload z publikacją w feedzie. Działa w architekturze usługowej (domyślnie mock z persystencją w localStorage) i ma przygotowane Supabase do realnego połączenia backendowego.

Projekt open source inspirowany klasycznym Breakoutem, zbudowany w Astro z logiką gry w TypeScript na Canvas. Zawiera wybór poziomu trudności w samym canvasie, regulowaną i progresywną prędkość piłki, klocki o zmiennej wytrzymałości ze stanem uszkodzenia, sterowanie klawiaturą i restart po Game Over.