cd /news/developer-tools/website-for-the-dev-weekend-challeng… · home topics developer-tools article
[ARTICLE · art-56500] src=dev.to ↗ pub= topic=developer-tools verified=true sentiment=↑ positive

WEBSITE FOR THE DEV WEEKEND CHALLENGE

A developer built a football-themed website featuring legends, clubs, nations, and a fan wall section. The project used pure HTML, CSS, and JavaScript, with AI tools like ChatGPT and Claude assisting in planning and code generation. The developer faced challenges in finding images and debugging but successfully completed the project.

read2 min views1 publishedJul 12, 2026

This is a submission for Weekend Challenge: Passion Edition

i build a website about football its legends and the biggest clubs and also nations and i added a section called fan wall where you can choose your favorite team from the player available

The first thing that came to my mind was football. Over the past few months, I've watched a lot of World Cup matches, so I knew I wanted to build something inspired by the passion of the game.

I started by discussing ideas with ChatGPT. It suggested several project structures, but none of them matched the vision I had in mind. So I decided to create the overall structure of the website myself. After that, I used Claude to help me turn my ideas into a detailed blueprint.

I also used Claude to help with the HTML, CSS, and JavaScript. Since I'm already comfortable with HTML and CSS, I was able to understand, modify, and customize that code without much difficulty. It wasn't just about copying code—I edited it to build the website I had imagined.

JavaScript was a different story. I only recently started learning it, so that was the biggest challenge. Claude generated most of the JavaScript, but I carefully read through it to understand what it was doing and modified it whenever I needed to fit my project.

Surprisingly, one of the most time-consuming parts wasn't coding—it was finding the right images and writing the content for each section. I also spent a lot of time fixing bugs because every time I changed one thing, I sometimes broke something else. There were moments when I had to start over after accidentally breaking parts of the website.

In the end, all of the effort was worth it. I successfully built the website I had envisioned, and throughout the process I learned a lot about planning a project, working with AI tools, and integrating HTML, CSS, and JavaScript into a complete website.

i did not use any of the tools jsut pure html css and js

── more in #developer-tools 4 stories · sorted by recency
── more on @chatgpt 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
Live at https://your-agent.zahid.host
Get free account → Pricing
from €0/mo · no card required
LIVE [news/website-for-the-dev-…] indexed:0 read:2min 2026-07-12 ·