DEV Community

Cover image for The Frontend Challenge: Cricket League
Mohd Anas
Mohd Anas

Posted on

12 2 3 4 2

The Frontend Challenge: Cricket League

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

What I Built

I transformed a basic HTML template for the New York Recreational Cricket League into a visually appealing and interactive webpage. My focus was on enhancing the existing design without altering the original HTML structure. I applied CSS for styling and JavaScript to introduce interactive features, creating a more engaging user experience.

Demo

Journey

In this project, my goal was to elevate the aesthetics and interactivity of the webpage. I delved into CSS and JavaScript to add animations and interactive elements. This process was a valuable learning experience, and I'm pleased with how the enhancements have improved the overall user experience.

A Note of Thanks to the Dev Team

Thank you for organizing this challenge. It has been a fantastic experience, and we're thrilled to have had the opportunity to participate. Your efforts in creating these challenges truly inspire and motivate us.

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (6)

Collapse
 
meer profile image
Meer

Great! Really Amazing
Inspect your whole code(css, javascript). Really inspired me to:

  • Revisit some concepts
  • And need to learn to refactor code
Collapse
 
mdanassaif profile image
Mohd Anas

Thanks you dear : )

Collapse
 
rieesteves profile image
Riean Esteves

Amazingly done !!

Collapse
 
mdanassaif profile image
Mohd Anas

Thank You : )

Collapse
 
everlygif profile image
Everly Precia Suresh

Really creative!

Collapse
 
mdanassaif profile image
Mohd Anas

Thank You : )

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