软件和全栈网页开发人员。 热衷于细节的永恒学习者。 专门创建和解决问题。⚡

📍 Málaga, España
Málaga

Andalucía

📍 马拉加,西班牙

技能

这些是我最常使用的技术,尽管我也使用过许多其他技术。

工作经验

  1. Experto Digital® 软件开发工程师

    使用WordPress生态系统(Elementor Pro、WooCommerce)为企业和电子商务设计和构建完整的网络解决方案。专注于内容架构、吸引人的界面、技术速度改进和SEO定位。

  2. Dimap® 软件开发工程师和前端开发工程师

    开发和维护DIMAP的主要平台,以及为GM和CEJ学院等客户提供的项目。实施现代化和优化的界面,专注于用户体验、性能和可扩展性,使用当前的前端开发技术。

  3. Gubb Marketing® 软件开发工程师

    软件开发和网络应用程序。

  4. 为Agrooe®和Gubb Marketing®开发Agrooe-Cashback

    从零开始开发专注于Agrooe®公司现金返还系统管理的网络应用程序。开发数据库、后端和前端的网络应用程序。

项目

GM Microcementos Website

GM Microcementos Website

为GM Microcementos(一家专业从事微水泥应用的公司)完整开发企业网络平台。专业网站15个优化页面,专注于性能、SEO和卓越的用户体验。包括预算计算器、可过滤的项目画廊、高级表单和极简设计系统。模块化架构,具有100多个可重用组件和Core Web Vitals优化。

Academia CEJ Website

Academia CEJ Website

为Academia CEJ开发的网络平台,专门从事马拉加司法竞争考试。具有博客、虚拟校园、知识测试系统、注册系统和课程管理的完全响应式网站。使用Next.js 14、React 18、Tailwind CSS、Framer Motion和Docker开发。

DIMAP 企业网站

DIMAP 企业网站

开发 Dimap 的企业网站,这是一款基于 Next.js 15、React 19、Redux Toolkit 和 TailwindCSS 的现代应用,旨在提供卓越性能与流畅体验。项目包括服务页面、博客、企业板块以及带有潜在客户跟踪的表单,并采用模块化架构和 SSG、Lazy Loading、ClientLoader 的高度优化加载方式构建。

Agrooe Cashback

Agrooe Cashback

在这个项目中,我与一个团队合作从头开始构建一个专注于销售优质产品和支持本地商业的平台。.

DevCrate

DevCrate

DevCrate 是一个用于发现开发资源的平台(工具、库、资产、文档和挑战)。你是否也遇到过这种情况:为了项目找一个资源,或者只是寻找灵感,结果在无数页面之间不停切换?这就是我创建这个平台的原因:把这些年来发现的资源整理起来,不再丢失,并且不依赖分散的书签也能快速找到。它包含高级搜索、按标签筛选,以及用于管理全部内容的管理后台。它还支持社区建议,方便持续收集有用工具。该平台基于 Next.js、React、TypeScript 和 MongoDB 构建,具备安全认证,并采用基于 shadcn/ui 的现代化界面。

AirPods Pro 2 网站克隆

AirPods Pro 2 网站克隆

本项目复刻了 Apple 官方 AirPods Pro 2 页面中的 hero 动画,重点在于掌握 GSAP 与 ScrollTrigger 的高级动画技巧。我实现了一个由 65 张图片组成、通过 Canvas 渲染并与滚动同步的序列动画,并添加了平滑过渡、动态导航与受 Apple 原始体验启发的视觉效果。项目旨在提升高性能网页动画能力。

认证

全栈网络开发者证书

全栈网络开发者证书

全栈网络开发培训,包括使用HTML、CSS和React创建界面,使用Node.js、MongoDB进行后端开发,数据库管理以及使用DevOps工具部署等众多其他技术。

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

在本课程中,我学习了JavaScript的最新功能(ES2023和ES2024),包括数组、对象和集合的新方法,以及promise处理和逻辑运算符的改进。我还获得了优化和提高代码可读性的技术,在现代项目中应用语言的最新功能。

Claude Code: A Highly Agentic Coding Assistant

Claude Code: A Highly Agentic Coding Assistant

在本课程中,我深入研究了Claude Code的使用,这是一个高度自主的编程助手,学习了高效处理复杂项目的最佳实践。我审查了如何为Claude提供清晰的上下文,并行协调多个实例,集成MCP服务器和GitHub,并应用其规划、内存和并行会话功能。课程包括实际示例,如RAG聊天机器人、Jupyter中的数据分析以及从Figma创建可视化界面,展示了如何使用Claude Code优化、重构和自动化开发工作流。

AI Fluency: Framework & Foundations

AI Fluency: Framework & Foundations

在本课程中,我深入学习了 Anthropic 的 AI Fluency Framework & Foundations。该框架由学术专家共同开发,旨在帮助学习者以高效、有效、伦理且安全的方式与 AI 协作。我实践了适用于技术、创意、教育与商业场景的跨学科方法,并理解了框架的四项核心能力:Delegation、Description、Discernment 和 Diligence。我还学习了如何将这些基础应用到真实工作流中,以做出更好的决策,并以更负责任、更有判断力的方式使用 Claude 等工具。

Claude Code in Action

Claude Code in Action

在本课程中,我深入学习了如何将 Claude Code 用于真实的软件开发任务,理解了 AI 编码助手的架构,以及它们如何通过集成工具与代码库交互。我学习了如何高效管理上下文、组合多种工具处理复杂流程、创建可复用自动化,并通过 MCP servers 扩展能力。同时我还实践了与 GitHub 的集成,用于代码评审和团队协作,并根据技术挑战复杂度应用不同的规划与推理模式。

Building with the Claude API

Building with the Claude API

面向开发者的实战课程,讲解如何通过 Anthropic API 将 Claude 集成到应用中。内容包括身份验证与请求配置、多轮对话、系统提示词、结构化输出、工具调用、RAG 架构(分块、向量嵌入与上下文检索)、多模态能力(文本、图像与 PDF)、提示缓存、MCP 集成以及 Claude Code 工作流。

更多了解我

你好!我是Fran 软件开发者 | 前端和全栈

我在各种网络技术方面有工作经验。然而,我的专长和主要关注点是前端开发。

从很小的时候起,我就一直在探索和实验计算机和移动设备,研究它们在软件硬件层面的运作方式。多年来,我通过"折腾"和自己解决问题学到了很多东西,这段经历增强了我的好奇心技术能力