探索我开发的一些项目

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

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

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

在这个网站项目中，我与团队合作从零开发了一个致力于销售高质量产品和促进本地商业发展的平台。我们从概念到实现，创建了完整的后端和前端系统。除了运用多种技术外，还集成了JWT用户账户控制和登录系统，以及用于数据管理的管理面板等功能。项目包含多种功能，如社交网络登录，用户购买账户创建，企业产品添加账户，以及显示最近产品销售点的地图功能等。出于保密原因，代码不予显示。

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

使用 Angular 19 和 TensorFlow.js 开发实时对象检测 PWA。包括 PWA 配置、TensorFlow.js 集成、实时图像捕获与处理、通过 Web Workers 和 Lazy Loading 优化、使用 IndexedDB 的离线存储，以及在移动设备上的部署。

Grand Theft Auto VI着陆页克隆，专为教育目的和网络开发技能展示而创建。现代化网站，具有为所有桌面分辨率（1024px - 4K）优化的响应式设计。包含使用GSAP的高级动画下拉菜单、带图像的动态角色和位置展示系统、带预览的互动预告片部分以及带动画卡片的下载部分。非营利教育项目，使用Astro、Tailwind CSS和JavaScript开发。

用于学习Three.js和TresJS处理3D模型的实践项目。交互式Web应用程序，允许使用不同的饰面和颜色选项定制站立式办公桌。包括带有轨道控制的3D视图、笔记本电脑、耳机和装饰植物的3D模型。定制桌面饰面并选择配件颜色，实时预览。使用Vue 3、TresJS（Three.js与Vue的集成）、TypeScript、Vite和UnoCSS开发。

使用Strapi作为后端和CMS的游戏内容管理网络应用程序。

使用Socket.IO进行实时通信和Supabase作为数据库的聊天应用程序。

1985年传奇任天堂游戏超级马里奥兄弟的教育克隆。

受Windows 95时代启发的Paint应用程序。

用于练习视图过渡的网络书店。

使用Vite和React以及Supabase后端的TikTok界面克隆。

使用JavaScript构建的传奇Atari Breakout游戏版本。