Softwareentwickler und Full Stack Webentwickler. Ewiger Lernender mit Leidenschaft für Details. Spezialisiert auf das Erstellen und Lösen von Problemen. ⚡

📍 Málaga, España
Málaga

Andalucía

Málaga

Fähigkeiten

Dies sind die Technologien, die ich am häufigsten verwende, obwohl ich mit vielen anderen gearbeitet habe.

Berufserfahrung

  1. Softwareentwickler bei Experto Digital®

    Design und Aufbau kompletter Weblösungen mit dem WordPress-Ökosystem (Elementor Pro, WooCommerce) für Unternehmen und E-Commerce. Fokus auf Content-Architektur, attraktive Benutzeroberflächen, technische Geschwindigkeitsverbesserungen und SEO-Positionierung.

  2. Softwareentwickler und Front-End-Entwickler bei Dimap®

    Entwicklung und Wartung der Hauptplattform von DIMAP sowie von Projekten für Kunden wie GM und die CEJ-Akademie. Implementierung moderner und optimierter Benutzeroberflächen mit Fokus auf Benutzererfahrung, Leistung und Skalierbarkeit unter Verwendung aktueller Front-End-Entwicklungstechnologien.

  3. Softwareentwickler bei Gubb Marketing®

    Softwareentwicklung und Webanwendungen.

  4. Entwicklung von Agrooe-Cashback für Agrooe® und Gubb Marketing®

    Entwicklung einer Webanwendung von Grund auf, die sich auf die Verwaltung eines Cashback-Systems für das Unternehmen Agrooe® konzentriert. Entwicklung der Datenbank, des Backends und des Frontends der Webanwendung.

Projekte

GM Microcementos Website

GM Microcementos Website

Komplette Entwicklung einer Unternehmenswebsite für GM Microcementos, ein Unternehmen, das sich auf die Anwendung von Mikrozement spezialisiert hat. Professionelle Website mit 15 optimierten Seiten, die auf Leistung, SEO und außergewöhnliche Benutzerfreundlichkeit ausgerichtet sind. Enthält einen Budgetrechner, eine filterbare Projektgalerie, erweiterte Formulare und ein minimalistisches Designsystem. Modulare Architektur mit über 100 wiederverwendbaren Komponenten und optimiert für Core Web Vitals.

Website der CEJ-Akademie

Website der CEJ-Akademie

Webplattform für die Academia CEJ, eine auf Prüfungen für den öffentlichen Dienst spezialisierte Akademie in Málaga. Vollständig responsive Website mit Blog, virtuellem Campus, Wissenstest, Einschreibesystem und Kursverwaltung. Entwickelt mit Next.js 14, React 18, Tailwind CSS, Framer Motion und Docker.

DIMAP-Website

DIMAP-Website

Entwicklung der Unternehmensseite von Dimap, einer modernen Anwendung auf der Basis von Next.js 15, React 19, Redux Toolkit und TailwindCSS, mit Schwerpunkt auf optimaler Leistung und reibungslosem Ablauf. Das Projekt umfasst Service-Seiten, Blog, Unternehmensbereiche und Lead-Tracking-Formulare, die alle auf einer modularen Architektur und hochgradig optimiertem Laden mit SSG, Lazy Loading und ClientLoader aufbauen.

DevCrate

DevCrate

DevCrate ist eine Plattform zum Auffinden von Entwicklungsressourcen (Tools, Bibliotheken, Assets, Dokumentationen und Herausforderungen). Haben Sie nicht auch schon einmal eine Ressource für Ihr Projekt oder einfach nur eine Inspiration gebraucht und sich durch eine Unzahl von Seiten gewühlt? Aus diesem Grund habe ich diese Plattform ins Leben gerufen: um die Ressourcen, die ich im Laufe der Jahre entdeckt habe, zu organisieren und nicht zu verlieren, und um sie schnell zu finden, ohne auf verstreute Lesezeichen angewiesen zu sein. Sie umfasst eine erweiterte Suche, Filter nach Tags und einen Verwaltungsbereich zur Verwaltung aller Inhalte. Sie erlaubt auch Vorschläge aus der Community, um nützliche Tools zu sammeln. Es wurde mit Next.js, React, TypeScript und MongoDB erstellt, mit sicherer Authentifizierung und einer modernen, auf shadcn/ui basierenden Schnittstelle.

Cmd+Kit

Cmd+Kit

Cmd+kit ist ein wiederverwendbares Befehlspalettensystem für Webprodukte, das eine schnelle Suche, Tastaturnavigation und Aktionsausführung über eine einheitliche und zugängliche Schnittstelle ermöglicht. Es ist so konzipiert, dass es sich leicht in verschiedene Stacks mit offiziellen Adaptern für React, Vue, Preact und Astro integrieren lässt, während die gleiche Basis des Verhaltens und der visuellen Anpassung beibehalten wird. Es enthält eine vollständige Dokumentation und eine interaktive Spielwiese für die Konfiguration von Themes, die Befehlsstruktur und den Export von einsatzbereitem Code. Es kann mit npm, pnpm, yarn oder bun installiert werden, je nach Projektablauf.

Contract-kit - API-Vertragsgenerator

Contract-kit - API-Vertragsgenerator

Zod SVG Icon

CLI-Toolkit + Bibliothek, die in npm veröffentlicht wird und es ermöglicht, API-Verträge in einer einzigen typisierten JSON-Datei zu definieren und automatisch gemeinsame TypeScript-Typen, Angular-Client, Laufzeitvalidierung mit Zod und Controller für NestJS zu generieren. Eliminiert Out-of-Sync zwischen Frontend und Backend, vermeidet doppelten Code und erkennt brechende Änderungen durch Vertrags-Snapshots. Enthält Mock-Generierung für Tests und eine modulare Architektur, die auf mehreren wiederverwendbaren Paketen basiert.

Zertifizierungen

Full Stack Webentwickler-Zertifizierung

Full Stack Webentwickler-Zertifizierung

Schulung in Full Stack Webentwicklung, einschließlich Erstellung von Benutzeroberflächen mit HTML, CSS und React, Backend-Entwicklung mit Node.js, MongoDB, Datenbankverwaltung und Bereitstellung mit DevOps-Tools neben vielen anderen Technologien.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

In diesem Kurs habe ich die neuesten Funktionen von JavaScript (ES2023 und ES2024) gelernt, einschließlich neuer Methoden für Arrays, Objekte und Sets sowie Verbesserungen bei der Behandlung von Promises und logischen Operatoren. Ich habe auch Techniken erworben, um Code zu optimieren und lesbarer zu machen, indem ich die neuesten Sprachfunktionen in modernen Projekten anwende.

Fortgeschrittene Themen im Model Context Protocol (MCP)

Fortgeschrittene Themen im Model Context Protocol (MCP)

Fortgeschrittener Kurs zum Model Context Protocol (MCP) mit Fokus auf praxisnahe Implementierungsmuster für Server-Client-Kommunikation, Transportmechanismen und Deployment in Produktion. Behandelt werden Sampling für die KI-Integration, Fortschritts- und Logging-Benachrichtigungen, roots-basierte Dateizugriffe, die JSON-Nachrichtenarchitektur, stdio- und StreamableHTTP-Transport (SSE), HTTP-Einschränkungen sowie Kriterien zur Transportwahl je nach Skalierung und Funktionsanforderungen.

Einführung in Agent Skills

Einführung in Agent Skills

Kurs zum Erstellen und Verwenden von Skills in Claude Code, um wiederholte Anweisungen zu vermeiden und konsistente Workflows zu sichern. Behandelt das Anlegen von SKILL.md, allowed-tools, das Teilen im Team, die Integration mit Subagents sowie die Fehlersuche bei Trigger-, Prioritäts- und Laufzeitproblemen.

Claude Code in Action

Claude Code in Action

In diesem Kurs habe ich den Einsatz von Claude Code für reale Softwareentwicklungsaufgaben vertieft und die Architektur von KI-Coding-Assistenten sowie deren Interaktion mit Codebasen über integrierte Tools verstanden. Ich habe gelernt, Kontext effektiv zu verwalten, mehrere Tools für komplexe Workflows zu kombinieren, wiederverwendbare Automatisierungen zu erstellen und Funktionen mit MCP-Servern zu erweitern. Zudem habe ich die Integration mit GitHub für Code-Reviews und Teamzusammenarbeit angewendet und Planungs- und Denkmodi je nach Komplexität der technischen Herausforderung eingesetzt.

Building with the Claude API

Building with the Claude API

Praxisorientierter, entwicklerfokussierter Kurs zur Integration von Claude in Anwendungen über die Anthropic API. Behandelt Authentifizierung und Request-Konfiguration, Multi-Turn-Konversationen, System-Prompts, strukturierte Ausgaben, Tool Use, RAG-Architekturen (Chunking, Embeddings und kontextuelle Retrieval), multimodale Fähigkeiten (Text, Bilder und PDF), Prompt Caching, MCP-Integration und Workflows mit Claude Code.

Lerne mich ein bisschen besser kennen

Hallo! Ich bin Fran Full-Stack-Entwickler | Softwareentwickler

Ich habe Erfahrung in der Arbeit mit einer Vielzahl von Webtechnologien. Dennoch liegt mein Schwerpunkt auf der Frontend-Entwicklung.

Schon seit meiner Jugend beschäftige ich mich mit Computern und Mobilgeräten und habe mich sowohl mit ihrer Funktionsweise auf Software- als auch auf Hardware-Ebene auseinandergesetzt. Im Laufe der Jahre habe ich viel gelernt, indem ich einfach herumprobiert und Probleme selbst gelöst habe – eine Erfahrung, die meine Neugier und meine technischen Fähigkeiten gestärkt hat.