Desarrollador de Software y Full Stack Web. Aprendiz de toda la vida apasionado por los detalles. Especializado en crear y resolver problemas. ⚡

📍 Málaga, España
Málaga

Andalucía

Málaga

Skills

Estas son las tecnologías que uso con mayor frecuencia, aunque he trabajado con muchas otras.

Experiencia laboral

  1. Desarrollador de Software en Experto Digital®

    Diseño y construcción de soluciones web completas utilizando el ecosistema WordPress (Elementor Pro, WooCommerce) para negocios y comercio electrónico. Enfoque en arquitectura de contenido, interfaces atractivas, mejoras técnicas de velocidad y posicionamiento SEO.

  2. Desarrollador de Software y Front-End en Dimap®

    Desarrollo y mantenimiento de la plataforma principal de DIMAP, así como de proyectos para clientes como GM y la academia CEJ. Implementación de interfaces modernas y optimizadas con enfoque en la experiencia de usuario, rendimiento y escalabilidad, utilizando tecnologías actuales de desarrollo front-end.

  3. Desarrollador de Software en Gubb Marketing®

    Desarrollo de Software y aplicaciones web.

  4. Desarrollo de Agrooe-Cashback para Agrooe® y Gubb Marketing®

    Desarrollo desde 0 de una aplicación web centrada en la administración de un sistema de cashback para la empresa Agrooe®. Desarrollo de la base de datos, el backend y el frontend de la aplicación web.

Proyectos

GM Microcementos Website

GM Microcementos Website

Desarrollo completo de plataforma web corporativa para GM Microcementos, empresa especializada en aplicación de microcemento. Website profesional con 15 páginas optimizadas, enfocado en performance, SEO y experiencia de usuario excepcional. Incluye calculadora de presupuestos, galería de proyectos filtrable, formularios avanzados y sistema de diseño minimalista. Arquitectura modular con 100+ componentes reutilizables y optimización para Core Web Vitals.

Academia CEJ Website

Academia CEJ Website

Plataforma web para Academia CEJ, academia especializada en oposiciones de justicia en Málaga. Website completamente responsive con blog, campus virtual, prueba de conocimientos, sistema de matriculación y gestión de cursos. Desarrollado con Next.js 14, React 18, Tailwind CSS, Framer Motion y Docker.

DIMAP Website

DIMAP Website

Desarrollo del sitio corporativo de Dimap, una aplicación moderna basada en Next.js 15, React 19, Redux Toolkit y TailwindCSS, enfocada en ofrecer un rendimiento óptimo y una experiencia fluida. El proyecto incluye páginas de servicios, blog, apartados corporativos y formularios con seguimiento de leads, todo construido sobre una arquitectura modular y una carga altamente optimizada mediante SSG, Lazy Loading y ClientLoader.

DevCrate

DevCrate

DevCrate es una plataforma para descubrir recursos de desarrollo (herramientas, librerías, assets, documentación y retos). ¿No te ha pasado que necesitabas un recurso para tu proyecto, o simplemente inspiración, y terminabas navegando por una infinidad de páginas? Por eso creé esta plataforma: para organizar y no perder ninguno de los recursos que he descubierto a lo largo de los años, y poder encontrarlos rápidamente sin depender de marcadores dispersos. Incluye búsqueda avanzada, filtros por etiquetas y una zona admin para gestionar todo el contenido. También permite sugerencias de la comunidad para seguir recopilando herramientas útiles. Está construida con Next.js, React, TypeScript y MongoDB, con autenticación segura y una interfaz moderna basada en shadcn/ui.

Cmd+kit

Cmd+kit

Cmd+kit es un sistema de command palette reutilizable para productos web, pensado para ofrecer búsqueda rápida, navegación por teclado y ejecución de acciones desde una interfaz consistente y accesible. Está diseñado para integrarse de forma sencilla en distintos stacks con adaptadores oficiales para React, Vue, Preact y Astro, manteniendo la misma base de comportamiento y personalización visual. Incluye documentación completa y un playground interactivo para configurar temas, estructura de comandos y exportar código listo para usar. Puede instalarse con npm, pnpm, yarn o bun según el flujo de cada proyecto.

Contract-kit — Generador de contratos API

Contract-kit — Generador de contratos API

Zod SVG Icon

Toolkit CLI + librería publicada en npm que permite definir contratos de API en un único archivo JSON tipado y generar automáticamente tipos TypeScript compartidos, cliente Angular, validación runtime con Zod y controllers para NestJS. Elimina la desincronización entre frontend y backend, evita código duplicado y detecta breaking changes mediante snapshots del contrato. Incluye generación de mocks para testing y una arquitectura modular basada en múltiples paquetes reutilizables.

Certificados

Certificación de Desarrollador Web Full Stack

Certificación de Desarrollador Web Full Stack

Formación en desarrollo web Full Stack, incluyendo creación de interfaces con HTML, CSS y React, desarrollo backend con Node.js, MongoDB, gestión de bases de datos y despliegue con herramientas DevOps entre otras muchas tecnologías.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

En este curso aprendí las novedades más recientes de JavaScript (ES2023 y ES2024), incluyendo nuevos métodos para arrays, objetos y sets, así como mejoras en el manejo de promesas y operadores lógicos. También adquirí técnicas para optimizar y hacer más legible el código, aplicando las últimas características del lenguaje en proyectos modernos.

Advanced Topics in Model Context Protocol (MCP)

Advanced Topics in Model Context Protocol (MCP)

Curso avanzado de Model Context Protocol (MCP) centrado en patrones de implementación reales para servidores y clientes, protocolos de transporte y despliegue en producción. Se profundiza en capacidades como sampling para integración con modelos de IA, notificaciones de progreso y logging en tiempo real, control de acceso a archivos mediante roots, arquitectura completa de mensajes JSON, comunicación por stdio y StreamableHTTP (SSE), limitaciones del transporte HTTP y criterios de selección según escalado y requisitos funcionales.

Introduction to Agent Skills

Introduction to Agent Skills

Curso enfocado en crear y usar Skills en Claude Code para dejar de repetir instrucciones y mantener flujos de trabajo consistentes. Cubre cómo construir un SKILL.md, configurar allowed-tools, compartir Skills con equipos, integrarlos con subagentes y resolver problemas de activación, prioridad y ejecución.

Claude Code in Action

Claude Code in Action

En este curso profundicé utilizando Claude Code para tareas reales de desarrollo de software, comprendiendo la arquitectura de los asistentes de codificación con IA y cómo interactúan con bases de código mediante herramientas integradas. Aprendí a gestionar contexto de forma eficaz, combinar múltiples herramientas para flujos complejos, crear automatizaciones reutilizables y ampliar capacidades con MCP servers. También trabajé la integración con GitHub para revisión de código y colaboración en equipo, aplicando modos de planificación y razonamiento según la complejidad de cada reto técnico.

Building with the Claude API

Building with the Claude API

Curso práctico orientado a desarrolladores para integrar Claude en aplicaciones mediante la API de Anthropic. Incluye autenticación y configuración de peticiones, conversaciones multi-turno, system prompts, salidas estructuradas, tool use, arquitecturas RAG (chunking, embeddings y recuperación contextual), capacidades multimodales (texto, imágenes y PDF), prompt caching, integración con MCP y flujos con Claude Code.

Conóceme un poco más

¡Hola! Soy Fran Full Stack | Software Developer

Tengo experiencia trabajando con una amplia variedad de tecnologías web. Aun así, mi especialidad y mi principal enfoque es en el desarrollo Front-End.

Desde muy joven he estado explorando y experimentando con ordenadores y dispositivos móviles, indagando tanto en su funcionamiento a nivel de software como de hardware. A lo largo de los años he aprendido mucho "cacharreando" y resolviendo problemas por mí mismo, experiencia que ha reforzado mi curiosidad y mis habilidades técnicas.