Soumission pour Frontend Challenge v24

Ceci est une soumission pour Frontend Challenge v24.07.24, Glam Up My Markup : Recreation

Ce que j'ai construit

J'ai développé une page de destination pour la New York Recreational Cricket League. Le site Web présente les informations, le calendrier et le lieu de la ligue.

Démo

Voyage

Pour trouver des idées pour mon projet, j'ai commencé à parcourir différents sites Web mais je n'ai pas trouvé quelque chose d'unique. Ensuite, j'ai demandé à ChatGPT de me donner un exemple de mise en page d'une page Web contenant des informations sur une ligue de cricket. J'ai aimé la couleur de la mise en page et je l'ai utilisée dans ma conception. ChatGPT m'a également aidé dans de nombreux autres cas, comme définir le comportement de défilement, rendre le formulaire interactif, etc. Je suis assez nouveau dans le développement Web, je suis encore étudiant dans une université et c'est ma première fois, mais je voulais participer à ce défi.

Défis rencontrés
Je voulais intégrer une carte de la zone dans mon projet, mais je ne savais pas comment le faire. J'ai donc effectué une recherche sur Google et j'ai découvert que cela pouvait être fait via Google Cloud Console, mais ce n'était pas gratuit, j'ai donc recherché une carte gratuite. alternative et suis tombé sur Leaflet, une bibliothèque JavaScript open source pour les cartes interactives. Je l'ai utilisé dans mon projet pour ajouter une carte montrant l'emplacement des Central Park Cricket Fields.

Nouvelles choses apprises

• Comment pouvons-nous utiliser l'IA pour rendre notre travail plus rapide et plus efficace.

• Une nouvelle bibliothèque JavaScript pour intégrer des cartes interactives directement dans votre page Web.

Licence

Ce projet est sous licence MIT. Son utilisation est gratuite et tout le monde peut utiliser le code.

Conclusion

J'ai appris beaucoup de nouvelles choses au cours de ce voyage et je suis enthousiasmé par les défis à venir.
Merci à l'équipe #devchallenge

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!