这是为WeCoded 挑战的提交：用代码庆祝活动

我设计并建立了一个为WeCoded挑战的动态首页，展示了WeCoded和SheCoded过往的故事，同时捕捉了此次活动的庆祝与激励精神。我的目标是创建一个不仅分享故事，还让新开发者感到是更大社群一部分的空间。

此处省略若干内容

这个项目让我将创造力与真实的API数据融合起来，将静态设计转化为生动且包容性强的互动体验。

🔗 网站链接: 链接
💻 GitHub 仓库: 链接
📸 图:

图1](https://imgapi.imooc.com/6329466709fcaf4708000399.jpg)

这个登陆页面是这样设计的：

• HTML、CSS 和 JavaScript 用于布局和样式调整

• DEV.to 文章 API 用来获取 WeCoded 和 SheCoded 故事

• 响应式设计，使体验在手机或电脑上都很好

• 深/浅模式切换，以匹配您的偏好。

• 可横向滚动的“亮点”部分，干净、互动地展示精选故事等精彩内容

步骤：

我从草图开始，逐渐过渡到Figma中的高保真原型。然后我逐步实现该项目，注重可访问性和响应性。其中，“焦点”部分特别有趣——它使用了滚动捕捉技术来优雅地切换不同的故事。

我特别自豪的是，这个页面感觉就像一个充满活力且不断增长的世界各地开发者庆祝社区。虽然简约，却非常有力量。

🎨 移动端设计界面

如图所示

✨ 最后的想法

虽然我对这个项目的进展感到自豪，但也承认并非一切都尽善尽美。过程中遇到了不少挑战，比如优化某些元素，平衡响应速度和功能性。然而，我在这个过程中学到了很多，并且作为开发者我一直在成长。

我很希望能听听你对如何帮助我进一步提高的看法和意见。任何反馈都会对我非常有帮助，非常感谢！