提交前端挑战 v24

这是前端挑战 v24.07.24 的提交，魅力我的标记：娱乐

我建造了什么

我为纽约休闲板球联盟开发了一个登陆页面。网站展示了联赛的信息、赛程和场地。

演示

旅行

为了获得我的项目的想法，我开始浏览不同的网站，但找不到独特的东西。然后我要求 ChatGPT 给我一个包含板球联盟信息的网页布局示例。我喜欢这种布局颜色并将其用于我的设计中。 ChatGPT 还在许多其他情况下帮助了我，例如设置滚动行为、使表单具有交互性等。我在 Web 开发方面还很陌生，还是一名大学学生，这是我第一次，但我想参与这次挑战。

面临的挑战
我想将该地区的地图嵌入到我的项目中，但不知道如何做，所以我在 Google 上搜索，发现可以通过 Google Cloud Console 完成，但它不是免费的，所以我搜索了一个免费的替代方案，并发现了 Leaflet，一个用于交互式地图的开源 JavaScript 库。我在我的项目中使用它添加了一张显示中央公园板球场位置的地图。

学到了新东西

• 我们如何利用人工智能让我们的工作更快、更高效。

• 一个新的 JavaScript 库，用于将交互式地图直接嵌入到您的网页中。

执照

该项目已获得 MIT 许可。它是免费使用的，任何人都可以使用代码。

结论

在这次旅程中我学到了很多新东西，并对即将到来的挑战感到兴奋。
谢谢#devchallenge 团队

以上是提交前端挑战 v24的详细内容。更多信息请关注PHP中文网其他相关文章！