Einreichung für Frontend Challenge v24

Dies ist eine Einreichung für Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

Was ich gebaut habe

Ich habe eine Landing Page für die New York Recreational Cricket League entwickelt. Auf der Website finden Sie Informationen, Zeitplan und Austragungsort der Liga.

Demo

Reise

Um Ideen für mein Projekt zu bekommen, habe ich angefangen, verschiedene Websites zu durchsuchen, konnte aber nichts Einzigartiges finden. Dann habe ich ChatGPT gebeten, mir ein Beispiellayout einer Webseite mit Informationen über eine Cricket-Liga zu geben. Die Layoutfarbe gefiel mir und ich habe sie in meinem Design verwendet. ChatGPT hat mir auch in vielen anderen Fällen geholfen, z. B. beim Festlegen des Scrollverhaltens, beim interaktiven Gestalten des Formulars usw. Ich bin ziemlich neu in der Webentwicklung, noch Student an einer Hochschule und dies ist mein erstes Mal, aber ich wollte daran teilnehmen diese Herausforderung.

Herausforderungen
Ich wollte eine Karte des Gebiets in mein Projekt einbetten, wusste aber nicht, wie das geht, also habe ich bei Google gesucht und festgestellt, dass dies mit der Google Cloud Console möglich ist, aber es war nicht kostenlos, also suchte ich nach einer kostenlosen Alternative und stieß auf Leaflet, eine Open-Source-JavaScript-Bibliothek für interaktive Karten. Ich habe es in meinem Projekt verwendet, um eine Karte hinzuzufügen, die den Standort der Central Park Cricket Fields zeigt.

Neues gelernt

• Wie wir KI nutzen können, um unsere Arbeit schneller und effizienter zu gestalten.

• Eine neue JavaScript-Bibliothek zum Einbetten interaktiver Karten direkt in Ihre Webseite.

Lizenz

Dieses Projekt steht unter einer MIT-Lizenz. Die Nutzung ist kostenlos und jeder kann den Code verwenden.

Abschluss

Ich habe auf dieser Reise viel Neues gelernt und freue mich auf die bevorstehenden Herausforderungen.
Vielen Dank an das #devchallenge-Team

Das obige ist der detaillierte Inhalt vonEinreichung für Frontend Challenge v24. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!