不仅仅是代码：打造在2026年脱颖而出的作品集
Source: Dev.to
Submission for the New Year, New You Portfolio Challenge Presented by Google AI
关于我
嗨，我是 Peluola David Adeoluwa（PDA），一名居住在西非尼日利亚的前端架构师兼 Web3 创意策略师。目前在 Miva Open University 学习软件工程。我对创意设计与新兴技术的交叉点充满热情，尤其是 Web3 和 AI。
我的旅程始于 Python 自动化，随后发展为打造高保真数字体验。我不仅仅是写代码，更是在编排视觉叙事。通过这个作品集，我想摆脱传统的“缩略图网格”，打造一种像数字剪贴簿一样的感受——触感十足、流动自然、极具个人色彩。我希望表达技术精准与艺术灵魂交汇的空间，利用动效和排版讲述故事，而不是单纯列出技能。
作品集
（此处将展示项目内容。）
构建方式
本作品集采用 “Design‑First” 思维构建，使用 React 19、Tailwind CSS 和 Framer Motion 负责动画的重活。
设计系统
-
我采用了一种自称 “Glassmorphism 2.0” 的美学——深午夜背景 (
#050505) 搭配高模糊玻璃卡片 (backdrop-blur-xl)、颗粒噪点纹理营造层次感，并使用 Instrument Serif 作为标题字体、Inter 作为正文字体，形成精致排版。 -
Google AI 集成： 我把 Google Gemini 当作我的 “Elite Creative Architect” 配对程序员。与其请求基础代码片段，我向 Gemini 提供了严格的设计系统（8 px 规则、特定颜色十六进制如 “Singularity Blue”，以及动效指南）。Gemini 帮助我：
- 为 Hero 区的视差效果构建复杂的 Framer‑Motion 变体。
- 生成 “Vault” 存档模态的逻辑，确保主视图与覆盖层之间的状态管理流畅。
- 优化响应式布局。
我最自豪的地方
- “Vibe” 与微交互： 自定义光标物理效果以及随环境变化的漂浮 “Available Now” 徽章让站点充满活力。
- Hero 区块： 背景的 “P D A” 大字与前景个人卡片之间的视差效果立即营造出深度感。
- Vault（存档）： 模态覆盖层充当旧项目的 “Vault”，保持主体验的简洁，同时保留历史记录（例如从 Inboxx 迁移到新版 BCCS Hub 的过程）。
- 细节关注： 从自定义 SEO 元标签到导航按钮的精准定位。