Francisco José Rodríguez Martínez

Sobre mí

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.

Experiencia laboral

• Experto Digital

  Desarrollador de Software en Experto Digital®

  sept 2025 - Actual

• Dimap

  Desarrollador de Software y Front-End en Dimap®

  sept 2024 - sept 2025

• Gubb Marketing

  Desarrollador de Software en Gubb Marketing®

  abr 2024 - ago 2024

• Agrooe

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

  mar 2024 - jun 2024

Idiomas

• Español

  Nativo

• Inglés

  Avanzado

Proyectos destacados

• 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.

  Demo

• 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.

  Demo

• 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 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.

  Demo

• 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.

  Demo

  GitHub

• Contract-kit — Generador de contratos API•

  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.

  Demo

  GitHub

Certificaciones

• Advanced Topics in Model Context Protocol (MCP)

  mar 2026 - Actual

• Introduction to Agent Skills

  mar 2026 - Actual

• Building with the Claude API

  mar 2026 - Actual

• Claude Code in Action

  feb 2026 - Actual

• JavaScript (ES2023 & ES2024)

  oct 2025 - Actual

• Certificación de Desarrollador Web Full Stack

  mar 2024 - Actual

Canales

• GitHub•

  Código fuente, librerías y proyectos públicos.

  Demo

  GitHub

• CodeByFran•

  Portfolio principal con proyectos, skills y experiencia.

  Demo

Habilidades

• JavaScript
• TypeScript
• HTML
• CSS
• React
• NextJS
• Astro
• Tailwind CSS
• Redux
• MongoDB
• Supabase
• Docker

Ver todas las habilidades en portfolio