DEV Community

Creation World
Creation World

Posted on

1

Submission New York Recreational Soccer League for Frontend Challenge v24.07.24

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 Soccer League. The website showcases the league's information, schedule and venue.

Demo

https://codepen.io/Rachana-Mehta/pen/WNqRNme

Image description

Journey

To get ideas for my project, I started to go through different websites .I liked the layout color and used it in my design. helped me in many other instances, like setting the scroll-behavior, making the form interactive, etc.

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.

CSS Art: Favorite Recreation

## What I Built
create a CSS art representation of a favorite recreational activity. For this example, let's say the favorite recreation is "camping". We will draw a simple camping scene with a tent, a campfire, and some stars in the sky.

## Demo

https://codepen.io/Rachana-Mehta/pen/PorWoML

Image description

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more