Développeur de logiciels et Web Full Stack. Apprenant éternel passionné par les détails. Spécialisé dans la création et la résolution de problèmes. ⚡

📍 Málaga, España
Málaga

Andalucía

📍 Málaga, Espagne

Compétences

Ce sont les technologies que j'utilise le plus fréquemment, bien que j'aie travaillé avec beaucoup d'autres.

Expérience professionnelle

  1. Développeur de logiciels chez Experto Digital®

    Conception et construction de solutions web complètes utilisant l'écosystème WordPress (Elementor Pro, WooCommerce) pour les entreprises et le commerce électronique. Focus sur l'architecture de contenu, les interfaces attrayantes, les améliorations techniques de vitesse et le référencement SEO.

  2. Développeur de logiciels et Front-End chez Dimap®

    Développement et maintenance de la plateforme principale de DIMAP, ainsi que de projets pour des clients tels que GM et l'académie CEJ. Mise en œuvre d'interfaces modernes et optimisées avec un accent sur l'expérience utilisateur, les performances et l'évolutivité, en utilisant les technologies actuelles de développement front-end.

  3. Développeur de logiciels chez Gubb Marketing®

    Développement de logiciels et d'applications web.

  4. Développement d'Agrooe-Cashback pour Agrooe® et Gubb Marketing®

    Développement à partir de zéro d'une application web axée sur l'administration d'un système de cashback pour l'entreprise Agrooe®. Développement de la base de données, du backend et du frontend de l'application web.

Projets

GM Microcementos Website

GM Microcementos Website

Développement complet d'une plateforme web d'entreprise pour GM Microcementos, une société spécialisée dans l'application de microciment. Site web professionnel avec 15 pages optimisées, axé sur les performances, le SEO et une expérience utilisateur exceptionnelle. Inclut un calculateur de budget, une galerie de projets filtrable, des formulaires avancés et un système de design minimaliste. Architecture modulaire avec 100+ composants réutilisables et optimisation Core Web Vitals.

Academia CEJ Website

Academia CEJ Website

Plateforme web pour Academia CEJ, académie spécialisée dans les concours de justice à Malaga. Site web entièrement responsive avec blog, campus virtuel, système de test de connaissances, système d'inscription et gestion de cours. Développé avec Next.js 14, React 18, Tailwind CSS, Framer Motion et Docker.

Site Web DIMAP

Site Web DIMAP

Développement du site corporate de Dimap, une application moderne basée sur Next.js 15, React 19, Redux Toolkit et TailwindCSS, conçue pour offrir des performances optimales et une expérience fluide. Le projet inclut des pages de services, un blog, des sections corporate et des formulaires avec suivi de leads, le tout construit sur une architecture modulaire avec un chargement hautement optimisé via SSG, Lazy Loading et ClientLoader.

Agrooe Cashback

Agrooe Cashback

Dans ce projet, j'ai travaillé avec une équipe pour créer à partir de zéro une plateforme axée sur la vente de produits de qualité et le soutien au commerce local. Nous avons travaillé depuis le concept jusqu'à la pratique en créant à la fois le back-end et le front-end. En plus de différentes technologies, des intégrations comme jwt pour le contrôle des comptes utilisateurs et la connexion ont été incorporées, un tableau de bord pour le contrôle de toutes les données... Des fonctionnalités comme pouvoir se connecter avec différents réseaux sociaux, créer un compte en tant qu'utilisateur pour acheter des produits ou en tant qu'entreprise pour les ajouter, des cartes de l'endroit le plus proche où le produit pourrait être trouvé, entre autres. Pour des raisons de confidentialité, le code n'est pas affiché.

DevCrate

DevCrate

DevCrate est une plateforme pour découvrir des ressources de développement (outils, bibliothèques, assets, documentation et défis). Cela vous est-il déjà arrivé d’avoir besoin d’une ressource pour votre projet, ou simplement d’inspiration, et de finir par naviguer sur une infinité de pages ? C’est pour cela que j’ai créé cette plateforme : organiser et ne perdre aucune des ressources que j’ai découvertes au fil des années, et pouvoir les retrouver rapidement sans dépendre de favoris dispersés. Elle inclut une recherche avancée, des filtres par étiquettes et une zone d’administration pour gérer tout le contenu. Elle permet aussi les suggestions de la communauté afin de continuer à rassembler des outils utiles. Elle est construite avec Next.js, React, TypeScript et MongoDB, avec une authentification sécurisée et une interface moderne basée sur shadcn/ui.

Clone du site AirPods Pro 2

Clone du site AirPods Pro 2

Recréation du hero officiel d’Apple pour les AirPods Pro 2, axée sur la maîtrise d’animations avancées avec GSAP et ScrollTrigger. J’ai implémenté une séquence de 65 images rendues en Canvas synchronisée avec le défilement, ainsi que des transitions fluides, une navigation dynamique et des effets visuels inspirés de l’expérience originale d’Apple. Un projet destiné à perfectionner l’animation web haute performance.

Certifications

Certification Développeur Web Full Stack

Certification Développeur Web Full Stack

Formation au développement web Full Stack, incluant la création d'interfaces avec HTML, CSS et React, le développement backend avec Node.js, MongoDB, la gestion de bases de données et le déploiement avec des outils DevOps parmi de nombreuses autres technologies.

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

Dans ce cours, j'ai appris les nouveautés les plus récentes de JavaScript (ES2023 et ES2024), y compris de nouvelles méthodes pour les tableaux, objets et ensembles, ainsi que des améliorations dans la gestion des promesses et des opérateurs logiques. J'ai également acquis des techniques pour optimiser et rendre le code plus lisible, en appliquant les dernières fonctionnalités du langage dans des projets modernes.

Claude Code: Un Assistant de Codage Hautement Agentique

Claude Code: Un Assistant de Codage Hautement Agentique

Dans ce cours, j'ai approfondi l'utilisation de Claude Code, un assistant de codage à haut niveau d'autonomie, en apprenant les meilleures pratiques pour travailler efficacement avec des projets complexes. J'ai revu comment fournir un contexte clair à Claude, coordonner plusieurs instances parallèles, intégrer des serveurs MCP et GitHub, et appliquer ses fonctions de planification, de mémoire et de sessions parallèles. Le cours comprenait des exemples pratiques tels que des chatbots RAG, l'analyse de données dans Jupyter et la création d'interfaces visuelles depuis Figma, montrant comment optimiser, refactoriser et automatiser les flux de travail de développement avec Claude Code.

AI Fluency: Framework & Foundations

AI Fluency: Framework & Foundations

Dans ce cours, j'ai approfondi l'AI Fluency Framework & Foundations d'Anthropic, développé avec des experts académiques pour apprendre à collaborer avec l'IA de manière efficace, efficiente, éthique et sûre. J'ai travaillé une approche multidisciplinaire applicable à des contextes techniques, créatifs, éducatifs et business, en comprenant les quatre compétences clés du framework : Delegation, Description, Discernment et Diligence. J'ai également revu comment appliquer ces bases dans des workflows réels pour prendre de meilleures décisions et utiliser des outils comme Claude avec davantage de responsabilité et de discernement.

Claude Code in Action

Claude Code in Action

Dans ce cours, j'ai approfondi l'utilisation de Claude Code pour des tâches réelles de développement logiciel, en comprenant l'architecture des assistants de code IA et la manière dont ils interagissent avec les bases de code via des outils intégrés. J'ai appris à gérer efficacement le contexte, combiner plusieurs outils pour des workflows complexes, créer des automatisations réutilisables et étendre les capacités avec des serveurs MCP. J'ai aussi travaillé l'intégration avec GitHub pour la revue de code et la collaboration d'équipe, en appliquant des modes de planification et de raisonnement selon la complexité de chaque défi technique.

Building with the Claude API

Building with the Claude API

Cours pratique orienté développeurs pour intégrer Claude dans des applications via l’API Anthropic. Il couvre l’authentification et la configuration des requêtes, les conversations multi-tour, les prompts système, les sorties structurées, l’utilisation d’outils, les architectures RAG (chunking, embeddings et récupération contextuelle), les capacités multimodales (texte, images et PDF), le prompt caching, l’intégration MCP et les workflows avec Claude Code.

Apprenez à me connaître un peu plus

Bonjour ! Je suis Fran Développeur de Logiciels | Front-End & Full Stack

J'ai de l'expérience avec une grande variété de technologies web. Cependant, ma spécialité et mon objectif principal est le développement Front-End.

Depuis mon plus jeune âge, j'explore et expérimente avec des ordinateurs et des appareils mobiles, en étudiant leur fonctionnement au niveau logiciel et matériel. Au fil des ans, j'ai beaucoup appris en "bidouillant" et en résolvant des problèmes par moi-même, une expérience qui a renforcé ma curiosité et mes compétences techniques.