Programista i Full Stack Developer. Wieczny student z pasją do szczegółów. Specjalizuję się w tworzeniu i rozwiązywaniu problemów. ⚡

📍 Málaga, España
Málaga

Andalucía

📍 Málaga, Hiszpania

Umiejętności

To są technologie, których używam najczęściej, choć pracowałem z wieloma innymi.

Doświadczenie zawodowe

  1. Programista oprogramowania w Experto Digital®

    Projektowanie i budowa kompletnych rozwiązań internetowych z wykorzystaniem ekosystemu WordPress (Elementor Pro, WooCommerce) dla firm i e-commerce. Skupienie na architekturze treści, atrakcyjnych interfejsach, technicznych ulepszeniach szybkości i pozycjonowaniu SEO.

  2. Programista oprogramowania i Front-End w Dimap®

    Rozwój i utrzymanie głównej platformy DIMAP, a także projektów dla klientów takich jak GM i akademia CEJ. Wdrażanie nowoczesnych i zoptymalizowanych interfejsów z naciskiem na doświadczenie użytkownika, wydajność i skalowalność, przy użyciu aktualnych technologii rozwoju front-end.

  3. Programista oprogramowania w Gubb Marketing®

    Rozwój oprogramowania i aplikacji internetowych.

  4. Rozwój Agrooe-Cashback dla Agrooe® i Gubb Marketing®

    Rozwój od zera aplikacji internetowej skupionej na administracji systemem cashback dla firmy Agrooe®. Rozwój bazy danych, backendu i frontendu aplikacji internetowej.

Projekty

GM Microcementos Website

GM Microcementos Website

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.

Academia CEJ Website

Academia CEJ Website

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.

Strona korporacyjna DIMAP

Strona korporacyjna DIMAP

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.

Agrooe Cashback

Agrooe Cashback

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

DevCrate

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.

Klon strony AirPods Pro 2

Klon strony AirPods Pro 2

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.

Certyfikaty

Certyfikat Full Stack Web Developera

Certyfikat Full Stack Web Developera

Szkolenie Full Stack Web Developer obejmujące tworzenie interfejsów z HTML, CSS i React, rozwój backendu z Node.js, MongoDB, zarządzanie bazami danych i wdrażanie z narzędziami DevOps wśród wielu innych technologii.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

W tym kursie nauczyłem się najnowszych funkcji JavaScript (ES2023 i ES2024), w tym nowych metod dla tablic, obiektów i zbiorów, a także ulepszeń w obsłudze obietnic i operatorów logicznych. Zdobyłem również techniki optymalizacji i zwiększania czytelności kodu, stosując najnowsze funkcje języka w nowoczesnych projektach.

Claude Code: A Highly Agentic Coding Assistant

Claude Code: A Highly Agentic Coding Assistant

W tym kursie zagłębiłem się w używanie Claude Code, wysokoautonomicznego asystenta kodowania, ucząc się najlepszych praktyk efektywnej pracy ze złożonymi projektami. Zbadałem, jak zapewnić jasny kontekst dla Claude, koordynować wiele instancji równolegle, integrować serwery MCP i GitHub oraz stosować jego funkcje planowania, pamięci i sesji równoległych. Kurs obejmował praktyczne przykłady, takie jak chatboty RAG, analiza danych w Jupyter i tworzenie interfejsów wizualnych z Figmy, pokazując, jak optymalizować, refaktoryzować i automatyzować przepływy pracy programistycznej za pomocą Claude Code.

AI Fluency: Framework & Foundations

AI Fluency: Framework & Foundations

W tym kursie pogłębiłem AI Fluency Framework & Foundations od Anthropic, opracowany wspólnie z ekspertami akademickimi, aby uczyć skutecznej, wydajnej, etycznej i bezpiecznej współpracy człowiek–AI. Pracowałem z podejściem multidyscyplinarnym dla kontekstów technicznych, kreatywnych, edukacyjnych i biznesowych, rozumiejąc cztery kluczowe kompetencje frameworku: Delegation, Description, Discernment i Diligence. Przeanalizowałem również, jak stosować te podstawy w realnych workflow, by podejmować lepsze decyzje i korzystać z narzędzi takich jak Claude z większą odpowiedzialnością i rozwagą.

Claude Code in Action

Claude Code in Action

W tym kursie pogłębiłem wykorzystanie Claude Code w realnych zadaniach programistycznych, rozumiejąc architekturę asystentów kodowania AI i to, jak współpracują z codebase przez zintegrowane narzędzia. Nauczyłem się skutecznie zarządzać kontekstem, łączyć wiele narzędzi w złożonych workflow, tworzyć wielokrotnego użytku automatyzacje oraz rozszerzać możliwości dzięki serwerom MCP. Pracowałem też nad integracją z GitHubem pod code review i współpracę zespołową, stosując tryby planowania i rozumowania zależnie od złożoności wyzwania.

Building with the Claude API

Building with the Claude API

Praktyczny kurs ukierunkowany na deweloperów, dotyczący integracji Claude z aplikacjami przez API Anthropic. Obejmuje uwierzytelnianie i konfigurację żądań, rozmowy wieloturowe, system prompts, ustrukturyzowane odpowiedzi, tool use, architektury RAG (chunking, embeddingi i kontekstowe wyszukiwanie), możliwości multimodalne (tekst, obrazy i PDF), prompt caching, integrację z MCP oraz workflowy z Claude Code.

Poznaj mnie trochę lepiej

Cześć! Jestem Fran Programista | Front-End i Full Stack

Mam doświadczenie w pracy z szeroką gamą technologii webowych. Jednak moją specjalnością i głównym celem jest rozwój Front-End.

Od najmłodszych lat eksplorowałem i eksperymentowałem z komputerami i urządzeniami mobilnymi, badając ich działanie na poziomie oprogramowania i sprzętu. Przez lata nauczyłem się wiele "majstrując" i rozwiązując problemy samodzielnie, co wzmocniło moją ciekawość i umiejętności techniczne.