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

📍 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 公司全面开发企业网络平台。专业网站有 15 个优化页面,注重性能、搜索引擎优化和卓越的用户体验。包括预算计算器、可过滤项目图库、高级表格和简约设计系统。采用模块化架构,包含 100 多个可重复使用的组件,并针对 Core Web Vitals 进行了优化。

CEJ 学院网站

CEJ 学院网站

为马拉加专门从事公务员考试的学院 Academia CEJ 提供网络平台。完全响应式网站,包含博客、虚拟校园、知识测试、报名系统和课程管理。使用 Next.js 14、React 18、Tailwind CSS、Framer Motion 和 Docker 开发。

DIMAP 网站

DIMAP 网站

开发迪马普公司网站,这是一个基于 Next.js 15、React 19、Redux 工具包和 TailwindCSS 的现代应用程序,重点是提供最佳性能和流畅体验。该项目包括服务页面、博客、企业版块和线索跟踪表单,所有内容均基于模块化架构,并使用 SSG、Lazy Loading 和 ClientLoader 对加载进行了高度优化。

DevCrate

DevCrate

DevCrate 是一个用于发现开发资源(工具、库、资产、文档和挑战)的平台。 你是否有过这样的经历:你的项目需要资源,或者只是需要一些灵感,结果却浏览了无数网页?这就是我创建这个平台的原因:整理我多年来发现的资源,使其不会丢失,并能快速找到它们,而不必依赖零散的书签。它包括高级搜索、标签过滤器和管理所有内容的管理区。它还允许社区提出建议,以不断收集有用的工具。它采用 Next.js、React、TypeScript 和 MongoDB 构建,具有安全认证和基于 shadcn/ui 的现代界面。

Cmd+kit

Cmd+kit

Cmd+kit 是一个用于网络产品的可重复使用的命令调色板系统,旨在通过一致且易于访问的界面提供快速搜索、键盘导航和操作执行功能。它可以通过 React、Vue、Preact 和 Astro 的官方适配器轻松集成到不同的堆栈中,同时保持相同的行为和可视化定制基础。它包括完整的文档和一个交互式游戏场,用于配置主题、命令结构和导出即用代码。可根据每个项目的流程,使用 npm、ppm、yarn 或 bun 进行安装。

合同工具包 - API 合同生成器

合同工具包 - API 合同生成器

Zod SVG Icon

通过 npm 发布的 CLI 工具包 + 库,可在单一类型的 JSON 文件中定义 API 合约,并自动生成共享的 TypeScript 类型、Angular 客户端、Zod 运行时验证以及 NestJS 控制器。消除前端和后端之间的不同步,避免重复代码,并通过合约快照检测破坏性变更。包括用于测试的模拟生成和基于多个可重用包的模块化架构。

认证

全栈网络开发者证书

全栈网络开发者证书

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

JavaScript (ES2023 & ES2024)

JavaScript (ES2023 & ES2024)

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

Model Context Protocol(MCP)高级主题

Model Context Protocol(MCP)高级主题

本课程聚焦 Model Context Protocol(MCP)的高级能力与实践实现模式,涵盖服务端与客户端通信、传输机制以及生产环境部署。内容包括用于 AI 模型集成的 sampling、进度与日志通知、基于 roots 的文件访问控制、JSON 消息架构、stdio 与 StreamableHTTP(SSE)传输、HTTP 传输限制,以及根据功能与扩展需求进行传输方案选型。

Agent Skills 入门

Agent Skills 入门

本课程聚焦在 Claude Code 中创建和使用 Skills,减少重复指令并保持工作流一致性。内容涵盖 SKILL.md 编写、allowed-tools 配置、团队共享、与 subagents 集成,以及触发、优先级和运行时问题排查。

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 全栈 | 软件开发工程师

我拥有使用多种网络技术的经验。尽管如此,我的专长和主要工作方向仍是前端开发。

从很小的时候起,我就一直在探索和尝试使用计算机及移动设备,深入研究它们在软件硬件层面的运作原理。这些年来,我通过亲手摆弄设备并独立解决问题学到了很多,这些经历不仅激发了我的好奇心,也提升了我的技术能力