Software & Full Stack Developer. Eternal learner passionate about details. Specialized creating and solving problems. ⚡

📍 Malaga, Spain
Málaga

Andalucía

Málaga

Skills

These are the technologies I use most frequently, though I've worked with many others.

Work Experience

  1. Software Developer at Experto Digital®

    Design and construction of complete web solutions using the WordPress ecosystem (Elementor Pro, WooCommerce) for businesses and e-commerce. Focus on content architecture, attractive interfaces, technical speed improvements, and SEO positioning.

  2. Software Developer & Front-End Developer at Dimap®

    Development and maintenance of the main platform of DIMAP, as well as projects for clients such as GM and the CEJ academy. Implementation of modern and optimized interfaces with a focus on user experience, performance, and scalability, using current front-end development technologies.

  3. Software Developer at Gubb Marketing®

    Software development and web applications.

  4. Development of Agrooe-Cashback for Agrooe® and Gubb Marketing®

    Development from scratch of a web application focused on the administration of a cashback system for the company Agrooe®. Development of the database, backend and frontend of the web application.

Projects

GM Microcementos Website

GM Microcementos Website

Complete development of corporate web platform for GM Microcementos, a company specialising in microcement application. Professional website with 15 optimised pages, focused on performance, SEO and exceptional user experience. Includes budget calculator, filterable project gallery, advanced forms and minimalist design system. Modular architecture with 100+ reusable components and optimised for Core Web Vitals.

CEJ Academy Website

CEJ Academy Website

Web platform for Academia CEJ, academy specialised in civil service exams in Malaga. Fully responsive website with blog, virtual campus, knowledge test, enrolment system and course management. Developed with Next.js 14, React 18, Tailwind CSS, Framer Motion and Docker.

DIMAP Website

DIMAP Website

Development of Dimap's corporate site, a modern application based on Next.js 15, React 19, Redux Toolkit and TailwindCSS, focused on delivering optimal performance and a smooth experience. The project includes service pages, blog, corporate sections and lead tracking forms, all built on a modular architecture and highly optimised loading using SSG, Lazy Loading and ClientLoader.

DevCrate

DevCrate

DevCrate is a platform for discovering development resources (tools, libraries, assets, documentation and challenges). Haven't you ever needed a resource for your project, or just some inspiration, and ended up browsing through a myriad of pages? That's why I created this platform: to organise and not lose any of the resources I've discovered over the years, and to be able to find them quickly without relying on scattered bookmarks. It includes advanced search, filters by tags and an admin area to manage all the content. It also allows suggestions from the community to keep collecting useful tools. It is built with Next.js, React, TypeScript and MongoDB, with secure authentication and a modern interface based on shadcn/ui.

Cmd+kit

Cmd+kit

Cmd+kit is a reusable command palette system for web products, designed to provide fast search, keyboard navigation and action execution from a consistent and accessible interface. It is designed to integrate easily into different stacks with official adapters for React, Vue, Preact and Astro, while maintaining the same base of behaviour and visual customisation. It includes full documentation and an interactive playground for configuring themes, command structure and exporting ready-to-use code. Can be installed with npm, pnpm, yarn or bun depending on the flow of each project.

Contract-kit - API contract generator

Contract-kit - API contract generator

Zod SVG Icon

CLI toolkit + library published in npm that allows API contracts to be defined in a single typed JSON file and automatically generate shared TypeScript types, Angular client, runtime validation with Zod and controllers for NestJS. Eliminates out-of-sync between frontend and backend, avoids duplicate code and detects breaking changes through contract snapshots. Includes mock generation for testing and a modular architecture based on multiple reusable packages.

Certifications

Full Stack Web Developer Certification

Full Stack Web Developer Certification

Training in Full Stack web development, including interface creation with HTML, CSS and React, backend development with Node.js, MongoDB, database management and deployment with DevOps tools among many other technologies.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

In this course I learnt the latest features of JavaScript (ES2023 and ES2024), including new methods for arrays, objects and sets, as well as improvements in promise handling and logical operators. I also acquired techniques to optimise and make code more readable, applying the latest language features in modern projects.

Advanced Topics in Model Context Protocol (MCP)

Advanced Topics in Model Context Protocol (MCP)

Advanced course on Model Context Protocol (MCP) focused on real implementation patterns for server-client communication, transport mechanisms, and production deployment. It covers sampling for AI model integration, progress and logging notifications, roots-based file access, JSON message architecture, stdio and StreamableHTTP (SSE) transports, HTTP limitations, and transport selection criteria based on scaling and functional requirements.

Introduction to Agent Skills

Introduction to Agent Skills

Course focused on building and using Skills in Claude Code to avoid repeating instructions and keep workflows consistent. Covers creating SKILL.md, configuring allowed-tools, sharing Skills with teams, integrating with subagents, and troubleshooting trigger, priority, and runtime issues.

Claude Code in Action

Claude Code in Action

In this course, I deepened my use of Claude Code for real software development tasks, understanding the architecture of AI coding assistants and how they interact with codebases through integrated tools. I learned to manage context effectively, combine multiple tools for complex workflows, build reusable automations, and extend capabilities with MCP servers. I also worked on GitHub integration for code review and team collaboration, applying planning and reasoning modes according to the complexity of each technical challenge.

Building with the Claude API

Building with the Claude API

Hands-on developer-focused course to integrate Claude into applications through the Anthropic API. It includes authentication and request configuration, multi-turn conversations, system prompts, structured outputs, tool use, RAG architectures (chunking, embeddings, and contextual retrieval), multimodal capabilities (text, images, and PDF), prompt caching, MCP integration, and Claude Code workflows.

Get to know me a bit better

Hello! I'm Fran Full-Stack | Software Developer

I have experience working with a wide range of web technologies. That said, my specialism and main focus is on front-end development.

From a very young age, I have been exploring and experimenting with computers and mobile devices, delving into how they work at both the software and hardware levels. Over the years, I have learnt a great deal by tinkering and solving problems on my own, an experience that has strengthened my curiosity and technical skills.