Software & Full Stack Ontwikkelaar. Eeuwige leerling met passie voor details. Gespecialiseerd in het creëren en oplossen van problemen. ⚡

📍 Málaga, España
Málaga

Andalucía

Málaga

Vaardigheden

Dit zijn de technologieën die ik het vaakst gebruik, hoewel ik met veel andere heb gewerkt.

Werkervaring

  1. Software ontwikkelaar bij Experto Digital®

    Ontwerp en constructie van complete weboplossingen met behulp van het WordPress-ecosysteem (Elementor Pro, WooCommerce) voor bedrijven en e-commerce. Focus op contentarchitectuur, aantrekkelijke interfaces, technische snelheidsverbeteringen en SEO-positionering.

  2. Software ontwikkelaar en Front-End ontwikkelaar bij Dimap®

    Ontwikkeling en onderhoud van het hoofdplatform van DIMAP, evenals projecten voor klanten zoals GM en de CEJ-academie. Implementatie van moderne en geoptimaliseerde interfaces met focus op gebruikerservaring, prestaties en schaalbaarheid, met behulp van huidige front-end ontwikkelingstechnologieën.

  3. Software ontwikkelaar bij Gubb Marketing®

    Software ontwikkeling en webapplicaties.

  4. Ontwikkeling van Agrooe-Cashback voor Agrooe® en Gubb Marketing®

    Ontwikkeling vanaf nul van een webapplicatie gericht op het beheer van een cashbacksysteem voor het bedrijf Agrooe®. Ontwikkeling van de database, backend en frontend van de webapplicatie.

Projecten

Website GM Microcementos

Website GM Microcementos

Complete ontwikkeling van corporate webplatform voor GM Microcementos, een bedrijf gespecialiseerd in microcementtoepassingen. Professionele website met 15 geoptimaliseerde pagina's, gericht op prestaties, SEO en uitzonderlijke gebruikerservaring. Inclusief budgetcalculator, filterbare projectgalerij, geavanceerde formulieren en minimalistisch ontwerpsysteem. Modulaire architectuur met 100+ herbruikbare componenten en geoptimaliseerd voor Core Web Vitals.

CEJ Academie Website

CEJ Academie Website

Webplatform voor Academia CEJ, academie gespecialiseerd in examens voor ambtenarenzaken in Malaga. Volledig responsive website met blog, virtuele campus, kennistoets, inschrijfsysteem en cursusbeheer. Ontwikkeld met Next.js 14, React 18, Tailwind CSS, Framer Motion en Docker.

DIMAP Website

DIMAP Website

Ontwikkeling van de bedrijfssite van Dimap, een moderne applicatie op basis van Next.js 15, React 19, Redux Toolkit en TailwindCSS, gericht op het leveren van optimale prestaties en een soepele ervaring. Het project omvat servicepagina's, een blog, bedrijfssecties en leadtrackingformulieren, allemaal gebouwd op een modulaire architectuur en sterk geoptimaliseerd laden met behulp van SSG, Lazy Loading en ClientLoader.

DevCrate

DevCrate

DevCrate is een platform voor het ontdekken van bronnen voor ontwikkeling (tools, bibliotheken, middelen, documentatie en uitdagingen). Heb je nooit een bron voor je project nodig gehad, of gewoon wat inspiratie, en eindigde je niet met het doorbladeren van een ontelbaar aantal pagina's? Daarom heb ik dit platform gemaakt: om de bronnen die ik in de loop der jaren heb ontdekt te organiseren en niet kwijt te raken, en om ze snel terug te kunnen vinden zonder afhankelijk te zijn van verspreide bladwijzers. Het bevat geavanceerd zoeken, filters op tags en een beheerdersgedeelte om alle inhoud te beheren. Het laat ook suggesties van de gemeenschap toe om nuttige tools te blijven verzamelen. Het is gebouwd met Next.js, React, TypeScript en MongoDB, met veilige authenticatie en een moderne interface gebaseerd op shadcn/ui.

Cmd+kit

Cmd+kit

Cmd+kit is een herbruikbaar opdrachtpalletsysteem voor webproducten, ontworpen om snel zoeken, toetsenbordnavigatie en het uitvoeren van acties mogelijk te maken vanuit een consistente en toegankelijke interface. Het is ontworpen om gemakkelijk te integreren in verschillende stacks met officiële adapters voor React, Vue, Preact en Astro, met behoud van dezelfde basis van gedrag en visuele aanpassing. Het bevat volledige documentatie en een interactieve speelplaats voor het configureren van thema's, opdrachtstructuur en het exporteren van kant-en-klare code. Kan worden geïnstalleerd met npm, pnpm, yarn of bun, afhankelijk van de flow van elk project.

Contract-kit - API contract generator

Contract-kit - API contract generator

Zod SVG Icon

CLI-toolkit + bibliotheek gepubliceerd in npm waarmee API-contracten kunnen worden gedefinieerd in een enkel getypt JSON-bestand en automatisch gedeelde TypeScript-types, Angular-client, runtime-validatie met Zod en controllers voor NestJS kunnen worden gegenereerd. Elimineert out-of-sync tussen frontend en backend, vermijdt dubbele code en detecteert brekende wijzigingen via contract snapshots. Bevat mock generatie voor testen en een modulaire architectuur gebaseerd op meerdere herbruikbare pakketten.

Certificaten

Full Stack Webontwikkelaar Certificaat

Full Stack Webontwikkelaar Certificaat

Full Stack webontwikkeling opleiding inclusief het maken van interfaces met HTML, CSS en React, backend ontwikkeling met Node.js, MongoDB, databasebeheer en implementatie met DevOps tools onder vele andere technologieën.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

In deze cursus leerde ik de meest recente JavaScript-functies (ES2023 en ES2024), inclusief nieuwe methoden voor arrays, objecten en sets, evenals verbeteringen in promise-afhandeling en logische operatoren. Ik verwierf ook technieken om code te optimaliseren en leesbaarder te maken, waarbij ik de nieuwste taalfuncties toepaste in moderne projecten.

Geavanceerde onderwerpen in Model Context Protocol (MCP)

Geavanceerde onderwerpen in Model Context Protocol (MCP)

Geavanceerde cursus over Model Context Protocol (MCP), gericht op praktische implementatiepatronen voor server-clientcommunicatie, transportmechanismen en productie-uitrol. Behandelt sampling voor AI-modelintegratie, voortgangs- en loggingmeldingen, roots-gebaseerde bestandstoegang, JSON-berichtarchitectuur, stdio- en StreamableHTTP(SSE)-transport, HTTP-beperkingen en criteria voor transportkeuze op basis van schaalbaarheid en functionele eisen.

Introductie tot Agent Skills

Introductie tot Agent Skills

Cursus gericht op het bouwen en gebruiken van Skills in Claude Code om herhaalde instructies te vermijden en consistente workflows te behouden. Behandelt het maken van SKILL.md, het instellen van allowed-tools, delen met teams, integratie met subagents en het oplossen van trigger-, prioriteits- en runtimeproblemen.

Claude Code in Action

Claude Code in Action

In deze cursus heb ik het gebruik van Claude Code voor echte softwareontwikkelingstaken verdiept, inclusief de architectuur van AI-codingassistenten en hoe ze via geïntegreerde tools met codebases samenwerken. Ik leerde context effectief beheren, meerdere tools combineren voor complexe workflows, herbruikbare automatiseringen bouwen en mogelijkheden uitbreiden met MCP-servers. Daarnaast werkte ik aan GitHub-integratie voor code review en teamsamenwerking, met plannings- en redeneermodi afhankelijk van de complexiteit van elke technische uitdaging.

Building with the Claude API

Building with the Claude API

Praktische, op ontwikkelaars gerichte cursus om Claude in applicaties te integreren via de Anthropic API. Behandelt authenticatie en requestconfiguratie, multi-turn gesprekken, system prompts, gestructureerde output, tool use, RAG-architecturen (chunking, embeddings en contextuele retrieval), multimodale mogelijkheden (tekst, afbeeldingen en PDF), prompt caching, MCP-integratie en workflows met Claude Code.

Leer me wat beter kennen

Hallo! Ik ben Fran Full-stack | Softwareontwikkelaar

Ik heb ervaring met een breed scala aan webtechnologieën. Mijn specialiteit en belangrijkste focus liggen echter op front-endontwikkeling.

Al vanaf jonge leeftijd ben ik bezig met het verkennen en experimenteren met computers en mobiele apparaten, waarbij ik me zowel in de werking van de software als van de hardware heb verdiept. In de loop der jaren heb ik veel geleerd door zelf aan apparaten te sleutelen en problemen op te lossen; deze ervaring heeft mijn nieuwsgierigheid en technische vaardigheden verder versterkt.