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, Spanien

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

Vollständige Entwicklung einer Unternehmens-Webplattform für GM Microcementos, ein Unternehmen, das sich auf die Anwendung von Mikrozement spezialisiert hat. Professionelle Website mit 15 optimierten Seiten, fokussiert auf Performance, SEO und außergewöhnliche Benutzererfahrung. Beinhaltet Budgetrechner, filterbare Projektgalerie, erweiterte Formulare und minimalistisches Designsystem. Modulare Architektur mit 100+ wiederverwendbaren Komponenten und Core Web Vitals-Optimierung.

Academia CEJ Website

Academia CEJ Website

Webplattform für Academia CEJ, Akademie spezialisiert auf Justiz-Wettbewerbsprüfungen in Málaga. Vollständig responsive Website mit Blog, virtuellem Campus, Wissensteststystem, Anmeldesystem und Kursverwaltung. Entwickelt mit Next.js 14, React 18, Tailwind CSS, Framer Motion und Docker.

DIMAP Unternehmenswebsite

DIMAP Unternehmenswebsite

Entwicklung der Unternehmenswebsite von Dimap, einer modernen Anwendung auf Basis von Next.js 15, React 19, Redux Toolkit und TailwindCSS, die auf optimale Leistung und ein reibungsloses Nutzererlebnis ausgelegt ist. Das Projekt umfasst Serviceseiten, Blog, Unternehmensbereiche und Formulare mit Lead-Verfolgung, alles aufgebaut auf modularer Architektur und hochoptimiertem Laden über SSG, Lazy Loading und ClientLoader.

Agrooe Cashback

Agrooe Cashback

In diesem Projekt habe ich mit einem Team von Grund auf eine Plattform aufgebaut, die sich auf den Verkauf von Qualitätsprodukten und die Unterstützung des lokalen Handels konzentriert. Wir haben vom Konzept bis zur Praxis gearbeitet und sowohl das Backend als auch das Frontend erstellt. Neben verschiedenen Technologien wurden Integrationen wie JWT für die Kontrolle von Benutzerkonten und Anmeldungen, ein Dashboard für die Kontrolle aller Daten implementiert... Funktionen wie die Möglichkeit, sich mit verschiedenen sozialen Netzwerken anzumelden, ein Konto als Benutzer zu erstellen, um Produkte zu kaufen, oder als Unternehmen, um sie hinzuzufügen, Karten des nächstgelegenen Ortes, an dem das Produkt gefunden werden könnte, unter anderem. Aus Vertraulichkeitsgründen wird der Code nicht angezeigt.

DevCrate

DevCrate

DevCrate ist eine Plattform, um Entwicklungsressourcen zu entdecken (Tools, Bibliotheken, Assets, Dokumentation und Challenges). Ist es dir nicht auch schon passiert, dass du eine Ressource für dein Projekt oder einfach nur Inspiration brauchtest und am Ende durch unzählige Seiten gescrollt hast? Genau deshalb habe ich diese Plattform gebaut: um alle Ressourcen, die ich im Laufe der Jahre entdeckt habe, zu organisieren und nicht zu verlieren, und sie schnell wiederzufinden, ohne von verstreuten Lesezeichen abhängig zu sein. Sie enthält eine erweiterte Suche, Tag-Filter und einen Admin-Bereich zur Verwaltung aller Inhalte. Außerdem sind Community-Vorschläge möglich, um weiterhin nützliche Tools zu sammeln. Gebaut mit Next.js, React, TypeScript und MongoDB, mit sicherer Authentifizierung und einer modernen Oberfläche auf Basis von shadcn/ui.

AirPods Pro 2 Website-Klon

AirPods Pro 2 Website-Klon

Rekonstruktion des offiziellen Apple-Hero-Bereichs für die AirPods Pro 2, mit Schwerpunkt auf fortgeschrittenen Animationen mit GSAP und ScrollTrigger. Ich implementierte eine Sequenz von 65 Canvas-gerenderten Bildern, die mit dem Scrollen synchronisiert sind, ergänzt durch sanfte Übergänge, dynamische Navigation und visuelle Effekte, die vom Originalerlebnis von Apple inspiriert sind. Ein Projekt zur Verfeinerung leistungsstarker Webanimationen.

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.

Claude Code: Ein hochgradig agentischer Codierungsassistent

Claude Code: Ein hochgradig agentischer Codierungsassistent

In diesem Kurs habe ich mein Wissen über die Verwendung von Claude Code, einem hochautonomen Codierungsassistenten, vertieft und Best Practices gelernt, um effizient mit komplexen Projekten zu arbeiten. Ich habe überprüft, wie man Claude klaren Kontext bietet, mehrere parallele Instanzen koordiniert, MCP-Server und GitHub integriert und seine Planungs-, Speicher- und Parallelsitzungsfunktionen anwendet. Der Kurs enthielt praktische Beispiele wie RAG-Chatbots, Datenanalyse in Jupyter und Erstellung visueller Schnittstellen aus Figma und zeigte, wie man Entwicklungsworkflows mit Claude Code optimiert, refaktoriert und automatisiert.

AI Fluency: Framework & Foundations

AI Fluency: Framework & Foundations

In diesem Kurs habe ich das AI Fluency Framework & Foundations von Anthropic vertieft, das gemeinsam mit akademischen Experten entwickelt wurde, um eine effektive, effiziente, ethische und sichere Zusammenarbeit mit KI zu lernen. Ich habe einen multidisziplinären Ansatz für technische, kreative, Bildungs- und Business-Kontexte erarbeitet und die vier Kernkompetenzen des Frameworks verstanden: Delegation, Description, Discernment und Diligence. Außerdem habe ich betrachtet, wie man diese Grundlagen in realen Workflows anwendet, um bessere Entscheidungen zu treffen und Tools wie Claude verantwortungsvoller und reflektierter zu nutzen.

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 etwas besser kennen

Hallo! Ich bin Fran Softwareentwickler | Front-End & Full Stack

Ich habe Erfahrung in der Arbeit mit einer breiten Palette von Webtechnologien. Meine Spezialisierung und mein Hauptfokus liegt jedoch in der Front-End-Entwicklung.

Seit meiner Jugend habe ich erforscht und experimentiert mit Computern und mobilen Geräten, wobei ich sowohl ihre Software- als auch Hardware-Funktionsweise untersucht habe. Im Laufe der Jahre habe ich viel durch "Basteln" und eigenständiges Problemlösen gelernt, eine Erfahrung, die meine Neugier und meine technischen Fähigkeiten gestärkt hat.