提交前端挑戰 v24

這是前端挑戰 v24.07.24 的提交，魅力我的標記：娛樂

我建造了什麼

我為紐約休閒板球聯盟開發了一個登陸頁面。網站展示了聯賽的資訊、賽程和場地。

示範

旅行

為了獲得我的專案的想法，我開始瀏覽不同的網站，但找不到獨特的東西。然後我請 ChatGPT 給我一個包含板球聯盟資訊的網頁佈局範例。我喜歡這種佈局顏色並將其用於我的設計中。 ChatGPT 還在許多其他情況下幫助了我，例如設定滾動行為、使表單具有互動性等。我在 Web 開發方面還很陌生，還是一名大學學生，這是我第一次，但我想參與這項挑戰。

面臨的挑戰
我想將該地區的地圖嵌入到我的專案中，但不知道如何做，所以我在Google 上搜索，發現可以透過Google Cloud Console 完成，但它不是免費的，所以我搜索了一個免費的替代方案，並發現了Leaflet，一個用於互動式地圖的開源JavaScript 庫。我在我的專案中使用它添加了一張顯示中央公園板球場位置的地圖。

學到新東西

• 我們如何利用人工智慧讓我們的工作更快、更有效率。

• 一個新的 JavaScript 函式庫，用於將互動式地圖直接嵌入到您的網頁中。

執照

該專案已獲得 MIT 許可。它是免費使用的，任何人都可以使用代碼。

結論

在這趟旅程中我學到了很多新東西，並對即將到來的挑戰感到興奮。
謝謝#devchallenge 團隊

以上是提交前端挑戰 v24的詳細內容。更多資訊請關注PHP中文網其他相關文章！