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

Malaga

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

Strona internetowa GM Microcementos

Strona internetowa GM Microcementos

Kompleksowy rozwój korporacyjnej platformy internetowej dla GM Microcementos, firmy specjalizującej się w zastosowaniu mikrocementu. Profesjonalna witryna z 15 zoptymalizowanymi stronami, skoncentrowana 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. Modułowa architektura z ponad 100 komponentami wielokrotnego użytku i zoptymalizowana pod kątem Core Web Vitals.

Strona internetowa CEJ Academy

Strona internetowa CEJ Academy

Platforma internetowa dla Academia CEJ, akademii specjalizującej się w egzaminach służby cywilnej w Maladze. W pełni responsywna strona internetowa z blogiem, wirtualnym kampusem, testem wiedzy, systemem zapisów i zarządzaniem kursami. Stworzona przy użyciu Next.js 14, React 18, Tailwind CSS, Framer Motion i Docker.

Strona internetowa DIMAP

Strona internetowa DIMAP

Opracowanie strony korporacyjnej Dimap, nowoczesnej aplikacji opartej na Next.js 15, React 19, Redux Toolkit i TailwindCSS, skoncentrowanej na zapewnieniu optymalnej wydajności i płynnego działania. Projekt obejmuje strony usług, blog, sekcje korporacyjne i formularze śledzenia leadów, wszystkie zbudowane w oparciu o modułową architekturę i wysoce zoptymalizowane ładowanie przy użyciu SSG, Lazy Loading i ClientLoader.

DevCrate

DevCrate

DevCrate to platforma do odkrywania zasobów programistycznych (narzędzi, bibliotek, zasobów, dokumentacji i wyzwań). Czy nie potrzebowałeś kiedyś zasobów do swojego projektu lub po prostu inspiracji i skończyłeś przeglądając niezliczone strony? Właśnie dlatego stworzyłem tę platformę: aby uporządkować i nie zgubić żadnych zasobów, które odkryłem przez lata, oraz aby móc je szybko znaleźć bez polegania na rozproszonych zakładkach. Obejmuje ona zaawansowane wyszukiwanie, filtry według tagów i obszar administracyjny do zarządzania całą zawartością. Pozwala również na sugestie od społeczności, aby nadal gromadzić przydatne narzędzia. Jest zbudowany z Next.js, React, TypeScript i MongoDB, z bezpiecznym uwierzytelnianiem i nowoczesnym interfejsem opartym na shadcn/ui.

Cmd+kit

Cmd+kit

Cmd+kit to system palet poleceń wielokrotnego użytku dla produktów internetowych, zaprojektowany w celu zapewnienia szybkiego wyszukiwania, nawigacji za pomocą klawiatury i wykonywania akcji ze spójnego i dostępnego interfejsu. Został zaprojektowany z myślą o łatwej integracji z różnymi stosami z oficjalnymi adapterami dla React, Vue, Preact i Astro, przy jednoczesnym zachowaniu tej samej podstawy zachowania i dostosowywania wizualnego. Zawiera pełną dokumentację i interaktywny plac zabaw do konfigurowania motywów, struktury poleceń i eksportowania gotowego do użycia kodu. Może być instalowany za pomocą npm, pnpm, yarn lub bun w zależności od przepływu każdego projektu.

Contract-kit - generator kontraktów API

Contract-kit - generator kontraktów API

Zod SVG Icon

Zestaw narzędzi CLI + biblioteka opublikowana w npm, która umożliwia definiowanie kontraktów API w pojedynczym typowanym pliku JSON i automatyczne generowanie współdzielonych typów TypeScript, klienta Angular, walidację runtime za pomocą Zod i kontrolerów dla NestJS. Eliminuje brak synchronizacji między frontendem a backendem, unika duplikowania kodu i wykrywa zmiany poprzez migawki kontraktów. Obejmuje generowanie makiet do testowania i modułową architekturę opartą na wielu pakietach wielokrotnego użytku.

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.

Zaawansowane zagadnienia Model Context Protocol (MCP)

Zaawansowane zagadnienia Model Context Protocol (MCP)

Zaawansowany kurs Model Context Protocol (MCP), skupiony na praktycznych wzorcach implementacji komunikacji klient-serwer, mechanizmach transportu i wdrożeniach produkcyjnych. Obejmuje sampling dla integracji modeli AI, powiadomienia o postępie i logowaniu, dostęp do plików oparty na roots, architekturę komunikatów JSON, transporty stdio i StreamableHTTP (SSE), ograniczenia HTTP oraz kryteria wyboru transportu zależnie od wymagań funkcjonalnych i skalowania.

Wprowadzenie do Agent Skills

Wprowadzenie do Agent Skills

Kurs skupiony na tworzeniu i używaniu Skills w Claude Code, aby uniknąć powtarzania instrukcji i utrzymać spójne workflow. Obejmuje tworzenie SKILL.md, konfigurację allowed-tools, współdzielenie z zespołem, integrację z subagents oraz rozwiązywanie problemów z uruchamianiem, priorytetami i błędami wykonania.

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ść! Nazywam sięFran Programista Full Stack

Mam doświadczenie w pracy z szeroką gamą technologii internetowych. Niemniej jednak moją specjalnością i głównym obszarem zainteresowań jest tworzenie aplikacji front-endowych.

Od najmłodszych lat zajmowałem się komputerami i urządzeniami mobilnymi, zgłębiając zarówno ich działanie na poziomie oprogramowania, jak i sprzętu. Przez lata wiele się nauczyłem, majsterkując i samodzielnie rozwiązując problemy, co wzmocniło moją ciekawość i umiejętności techniczne.