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

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

GM Microcementos Website

GM Microcementos Website

Volledige ontwikkeling van bedrijfswebplatform voor GM Microcementos, een bedrijf gespecialiseerd in microcement toepassing. Professionele website met 15 geoptimaliseerde pagina's, gericht op prestaties, SEO en uitzonderlijke gebruikerservaring. Bevat budgetcalculator, filterbare projectgalerie, geavanceerde formulieren en minimalistisch ontwerpsysteem. Modulaire architectuur met 100+ herbruikbare componenten en Core Web Vitals optimalisatie.

Academia CEJ Website

Academia CEJ Website

Webplatform voor Academia CEJ, academie gespecialiseerd in justitie-competitie-examens in Malaga. Volledig responsive website met blog, virtuele campus, kennistest systeem, inschrijfssysteem en cursusmanagement. Ontwikkeld met Next.js 14, React 18, Tailwind CSS, Framer Motion en Docker.

DIMAP Website

DIMAP Website

Ontwikkeling van de corporate website van Dimap, een moderne applicatie gebouwd met Next.js 15, React 19, Redux Toolkit en TailwindCSS, gericht op optimale prestaties en een soepele gebruikerservaring. Het project omvat servicepagina’s, een blog, corporate secties en formulieren met lead-tracking, allemaal opgebouwd met een modulaire architectuur en sterk geoptimaliseerde laadtechnieken via SSG, Lazy Loading en ClientLoader.

Agrooe Cashback

Agrooe Cashback

In dit project heb ik met een team gewerkt om vanuit het niets een platform op te bouwen dat zich richt op het verkopen van kwaliteitsproducten en het ondersteunen van de lokale handel. We werkten vanaf het concept tot aan de praktijk door zowel de back-end als de front-end te creëren. Naast verschillende technologieën werden integraties zoals JWT voor accountbeheer en inloggen, een dashboard voor controle van alle gegevens geïmplementeerd... Functionaliteiten zoals inloggen met verschillende sociale netwerken, account aanmaken als gebruiker om producten te kopen of als bedrijf om ze toe te voegen, kaarten van de dichtstbijzijnde locatie waar het betreffende product te vinden is, onder andere. Om vertrouwelijkheidsredenen wordt de code niet getoond.

DevCrate

DevCrate

DevCrate is een platform om ontwikkelresources te ontdekken (tools, libraries, assets, documentatie en challenges). Heb je ook wel eens gehad dat je een resource voor je project nodig had, of gewoon inspiratie, en uiteindelijk door een eindeloze hoeveelheid pagina’s aan het bladeren was? Daarom heb ik dit platform gemaakt: om alle resources die ik door de jaren heen heb ontdekt te organiseren en niet kwijt te raken, en ze snel terug te vinden zonder afhankelijk te zijn van verspreide bladwijzers. Het bevat geavanceerd zoeken, filters op tags en een admingedeelte om alle content te beheren. Het ondersteunt ook suggesties vanuit de community om nuttige tools te blijven verzamelen. Het is gebouwd met Next.js, React, TypeScript en MongoDB, met veilige authenticatie en een moderne interface op basis van shadcn/ui.

AirPods Pro 2 Website-Kloon

AirPods Pro 2 Website-Kloon

Recreatie van de officiële Apple-hero voor de AirPods Pro 2, gericht op het beheersen van geavanceerde animaties met GSAP en ScrollTrigger. Ik implementeerde een sequentie van 65 Canvas-frames die met scrollen synchroniseren, samen met soepele overgangen, dynamische navigatie en visuele effecten geïnspireerd op de originele Apple-ervaring. Een project gericht op het verfijnen van high-performance webanimatie.

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.

Claude Code: A Highly Agentic Coding Assistant

Claude Code: A Highly Agentic Coding Assistant

In deze cursus verdiepte ik me in het gebruik van Claude Code, een zeer autonome codeerassistent, waarbij ik best practices leerde voor efficiënt werken met complexe projecten. Ik onderzocht hoe ik Claude duidelijke context kon bieden, meerdere instanties parallel kon coördineren, MCP-servers en GitHub kon integreren en de plannings-, geheugen- en parallelle sessiefuncties kon toepassen. De cursus omvatte praktische voorbeelden zoals RAG-chatbots, data-analyse in Jupyter en het creëren van visuele interfaces vanuit Figma, waarbij werd getoond hoe ontwikkelworkflows met Claude Code kunnen worden geoptimaliseerd, gerefactord en geautomatiseerd.

AI Fluency: Framework & Foundations

AI Fluency: Framework & Foundations

In deze cursus heb ik Anthropic's AI Fluency Framework & Foundations verdiept, ontwikkeld met academische experts om effectief, efficiënt, ethisch en veilig met AI samen te werken. Ik werkte met een multidisciplinaire aanpak die toepasbaar is in technische, creatieve, educatieve en zakelijke contexten, en begreep de vier kerncompetenties van het framework: Delegation, Description, Discernment en Diligence. Ook heb ik bekeken hoe je deze basis toepast in echte workflows om betere beslissingen te nemen en tools zoals Claude met meer verantwoordelijkheid en beoordelingsvermogen te gebruiken.

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 mij wat beter kennen

Hallo! Ik ben Fran Software Ontwikkelaar | Front-End & Full Stack

Ik heb ervaring met werken met een breed scala aan webtechnologieën. Mijn specialiteit en hoofdfocus ligt echter op Front-End ontwikkeling.

Sinds mijn jeugd heb ik verkend en geëxperimenteerd met computers en mobiele apparaten, waarbij ik hun werking op zowel software- als hardwareniveau heb onderzocht. Door de jaren heen heb ik veel geleerd door te "knutselen" en problemen zelf op te lossen, een ervaring die mijn nieuwsgierigheid en technische vaardigheden heeft versterkt.