프론트엔드 챌린지 v24 제출

王林
풀어 주다: 2024-07-26 14:32:43
원래의
340명이 탐색했습니다.

Submission for Frontend Challenge v24

Frontend Challenge v24.07.24, Glam Up My Markup: Recreation에 대한 제출물입니다

내가 만든 것

뉴욕 레크리에이션 크리켓 리그(New York Recreational Cricket League)의 랜딩 페이지를 개발했습니다. 리그의 정보와 일정, 장소를 소개하는 홈페이지입니다.

데모

여행

프로젝트에 대한 아이디어를 얻기 위해 여러 웹사이트를 뒤져봤지만 뭔가 독특한 것을 찾을 수 없었습니다. 그런 다음 ChatGPT에 크리켓 리그에 대한 정보가 포함된 웹페이지의 샘플 레이아웃을 요청했습니다. 레이아웃 색상이 마음에 들어서 디자인에 사용했습니다. ChatGPT는 또한 스크롤 동작 설정, 양식 대화형 만들기 등과 같은 다른 많은 경우에도 도움이 되었습니다. 저는 웹 개발이 처음이고 아직 대학에 다니고 있으며 이번이 처음이지만 참여하고 싶었습니다. 이번 챌린지.

도전과제
해당 지역의 지도를 프로젝트에 삽입하고 싶었지만 방법을 몰라 Google에서 검색한 결과 Google Cloud Console에서 가능하다는 것을 알았지만 비용이 무료가 아니어서 무료를 검색했습니다. 대안으로 대화형 지도용 오픈 소스 JavaScript 라이브러리인 Leaflet을 발견했습니다. 내 프로젝트에서 센트럴 파크 크리켓 필드의 위치를 ​​보여주는 지도를 추가하는 데 사용했습니다.

새롭게 배운 점

  • AI를 활용해 업무를 더 빠르고 효율적으로 만드는 방법.

  • 대화형 지도를 웹페이지에 바로 삽입하기 위한 새로운 JavaScript 라이브러리입니다.

특허

이 프로젝트는 MIT 라이선스를 따릅니다. 무료로 사용할 수 있으며, 누구나 코드를 사용할 수 있습니다.

결론

이번 여행에서 많은 새로운 것을 배웠고 앞으로의 도전이 기대됩니다.
#devchallenge팀 감사합니다

위 내용은 프론트엔드 챌린지 v24 제출의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿