フロントエンド チャレンジ v24 への提出

これはフロントエンド チャレンジ v24.07.24、Glam Up My Markup: Recreation への提出です

私が作ったもの

ニューヨーク レクリエーション クリケット リーグのランディング ページを開発しました。このウェブサイトにはリーグの情報、スケジュール、会場が掲載されています。

デモ

旅

自分のプロジェクトのアイデアを得るために、さまざまな Web サイトを調べ始めましたが、ユニークなものは見つかりませんでした。次に、ChatGPT に、クリケット リーグに関する情報を含む Web ページのサンプル レイアウトを提供してくれるように依頼しました。レイアウトの色が気に入ったのでデザインに使用させていただきました。 ChatGPT は、スクロール動作の設定、フォームのインタラクティブ化など、他の多くの場面でも役に立ちました。私は Web 開発に関してはかなり初心者で、まだ大学の学生で、今回が初めてですが、参加したかったのです。この挑戦。

直面する課題
プロジェクトにその地域の地図を埋め込みたかったのですが、方法がわからなかったので、Googleで検索したところ、Google Cloud Consoleでできることがわかりましたが、無料ではなかったので、無料のものを探しましたそこで、インタラクティブ マップ用のオープンソース JavaScript ライブラリである Leaflet を見つけました。これをプロジェクトで使用して、セントラル パーク クリケット場の位置を示す地図を追加しました。

新しく学んだこと

• AI を使用して仕事をより迅速かつ効率的に行う方法。

• Web ページにインタラクティブなマップを直接埋め込むための新しい JavaScript ライブラリ。

ライセンス

このプロジェクトは MIT ライセンスの下にあります。使用は無料で、誰でもコードを使用できます。

結論

この旅で多くの新しいことを学び、今後の挑戦に興奮しています。
#devchallenge チームに感謝します

以上がフロントエンド チャレンジ v24 への提出の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。