Lädt...


🔧 Submission for Frontend Challenge v24.07.24


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

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

What I Built

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

Demo

Link to the website and for source code, you can check out my Github

Header Section

Hero

About Section

About

Join & Fee Section

Join

Venue Section

Venue

Schedule Section

Schedule

Footer Section

Footer

Journey

First of all, I was quite happy to see the Frontend Challenge, the first one I encountered, a Landing page. Still, as I proceeded, it felt hard to find out what type of site I should build, so I opened Google and searched some sports teams' official sites, and fortunately found the Official USA Cricket team page.

Challenges Faced and How I overcame them?
Then after viewing a few sites, it became clear to me that I needed to keep it clean and from the USA official cricket team site, I got my colour palette and then It became handy.

Then, I tried to do a lot of things like using different types of layouts but didn't work as planned, then, at last, I was able to figure out my Navbar, but still, a lot was left, so I started searching around the web for some good elements, which I can use, and after searching 100s of sites, I finally got my desired one, then I just assembled them and change the content among them and our beautiful, simple, but efficient landing page is present.

New things learned

  • In this challenge, I learned about some amazing CSS elements and how to design them efficiently.
  • How we can leverage AI like ChatGPT to ease our work and do work more effectively and fast
  • I also learned a new thing building projects can help you learn much faster than any Tutorial or Something

Team Submission

No, it's my sole Submission, but I'm open to working as a team also.

License

This project is Under an MIT License, so it is free to use, anyone can use the code, Github Link is given

Conclusion

I know there are a few things on which I can improve, and I will try to improve them before this contest is over, but overall it was fun doing this challenge.
Thank you #devchallenge team

...

🔧 Here is my submission for the Frontend Challenge v24.07.24


📈 59.1 Punkte
🔧 Programmierung

🔧 Submission for Frontend Challenge v24.07.24


📈 59.1 Punkte
🔧 Programmierung

🔧 Submission for Frontend Challenge v24.07.24


📈 59.1 Punkte
🔧 Programmierung

🔧 Frontend Challenge v24.04.17 Submission


📈 59.1 Punkte
🔧 Programmierung

🔧 Frontend Challenge v24.09.04


📈 42.92 Punkte
🔧 Programmierung

🔧 Frontend Challenge v24.09.04-Space Edition


📈 42.92 Punkte
🔧 Programmierung

🔧 Frontend Challenge v24.07.24


📈 42.92 Punkte
🔧 Programmierung

🔧 Frontend Challenge v24.07.24: Glam Up My Markup: Recreation What I Built


📈 42.92 Punkte
🔧 Programmierung

🔧 Frontend Challenge v24.07.24: CSS Art - New York Recreational Cricket League


📈 42.92 Punkte
🔧 Programmierung

🔧 Glam Up My Markup: Beaches - Frontend Challenge v24.04.17


📈 42.92 Punkte
🔧 Programmierung

🔧 Glam Up My Markup: Beaches - Frontend Challenge v24.04.17


📈 42.92 Punkte
🔧 Programmierung

🔧 CSS Art 2024 Submission, Earth Day Edition Frontend Challenge


📈 36.77 Punkte
🔧 Programmierung

🔧 Recreation - Frontend Challenge Submission


📈 36.77 Punkte
🔧 Programmierung

🔧 Frontend Challenge Submission


📈 36.77 Punkte
🔧 Programmierung

🔧 Glam Up My Markup: Earth Day - Frontend Challenge Submission


📈 36.77 Punkte
🔧 Programmierung

🔧 Submission for Frontend Challenge Earth-Day-Edition: different elements of Earth: CSS Card animation


📈 36.77 Punkte
🔧 Programmierung

🔧 Submission for Frontend Challenge Earth-Day-Edition: Elements of Earth: CSS Card animation


📈 36.77 Punkte
🔧 Programmierung

🔧 Submission for Frontend Challenge Earth-Day-Edition: Earth's Rotation: Rotating with CSS on Earth Day


📈 36.77 Punkte
🔧 Programmierung

📰 Updated Researcher Portal Submission Form: Discover the New Fields in the Submission Form


📈 32.36 Punkte
📰 IT Security Nachrichten

🔧 Dev Challenge v24.07.24 CSS Art - Painter Life


📈 31.42 Punkte
🔧 Programmierung

🔧 DEV Computer Science Challenge v24.06.12 : Recursion


📈 31.42 Punkte
🔧 Programmierung

🔧 My First DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities_


📈 31.42 Punkte
🔧 Programmierung

🔧 Challenge Submission: Glam Up My Markup


📈 25.26 Punkte
🔧 Programmierung

🔧 Litoco AI: Link to Content - Cloudflare AI Challenge Submission


📈 25.26 Punkte
🔧 Programmierung

🔧 Recipe App submission for AWS Amplify Fullstack Typescript Challenge


📈 25.26 Punkte
🔧 Programmierung

🔧 Cloudflare AI Challenge Submission: ImageHarmony 🎵🖌


📈 25.26 Punkte
🔧 Programmierung

🔧 AWS Amplify Fullstack TypeScript Challenge Submission


📈 25.26 Punkte
🔧 Programmierung

🔧 🚀 My Cloudflare AI Challenge Submission: Story and Image Generator


📈 25.26 Punkte
🔧 Programmierung

🔧 Netlify Dynamic Site Challenge Submission: Visual Feast-- Netlify CDN Cache-Control Implementation


📈 25.26 Punkte
🔧 Programmierung

🔧 Submission for the Neon Open Source Starter Kit Challenge: Ultimate Starter Kit


📈 25.26 Punkte
🔧 Programmierung

🐧 GNOME Community Engagement Challenge Opens Submission


📈 25.26 Punkte
🐧 Linux Tipps

🔧 Dev OPinion - Netlify Dynamic Site Challenge Submission


📈 25.26 Punkte
🔧 Programmierung

matomo