Submission for Frontend Challenge v24.07.24

Ayush Shukla — Fri, 26 Jul 2024 05:04:34 +0000

This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

What I Built

I developed a Landing Page for the New York Recreational Cricket League. The website showcases the league's information, schedule and venue.

Demo

Journey

To get ideas for my project, I started to go through different websites but couldn't find something unique. Then I asked ChatGPT to give me a sample layout of a webpage having info about a Cricket League. I liked the layout color and used it in my design. ChatGPT also helped me in many other instances, like setting the scroll-behavior, making the form interactive, etc. I am pretty new in web development, still a student in a college and this is my first time, but I wanted to participate in this challenge.

Challenges Faced
I wanted to embed a map of the area into my project but didn't know how to, so I searched on Google and found it could be done by Google Cloud Console, but it wasn't free of cost so I searched for a free alternative and came across Leaflet, an open-source JavaScript library for interactive maps. I used it in my project to add a map showing the location of Central Park Cricket Fields.

New things learned

How we can use AI to make our work quicker and more efficient.
A new JavaScript library for embedding interactive maps right into your webpage.

License

This project is under an MIT License. It is free to use, and anyone can use the code.

Conclusion