This is a submission for Weekend Challenge: Passion Edition
What I Built
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
Demo
this is the link to the website
Code
this is the code source
How I Built It
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.
Prize Categories
i did not use any of the tools jsut pure html css and js
Top comments (0)