Ziad Ihab

The shuffling button was updated because it was working properly.

Shipped an ice cream fan site featuring a flavor generator, animated footer character, and custom 404 page, built with vanilla HTML/CSS/JS after being haunted by the local ice cream truck's jingle. Used AI for basic scaffolding and debugging footer CSS, but the real magic came from manually adding ridiculous flavors like Existential Crisis Crunch; currently resisting urge to implement a Track That Damn Truck API feature.

Cup Shuffle Challenge is a fun, interactive web game where players test their focus and memory by tracking a hidden ball under three shuffling cups, with fire animations, cool colors, and satisfying win effects (including a confetti explosion!). I still can't imagine how I managed to pull that confetti explosion off. Testing this game was an adventure. I clicked so fast I almost confused my own code, the cups shuffled like they were in a dance off, and at one point, I swear the ball teleported just to mess with me. Debugging felt like playing hide and seek with a sneaky toddler, but hey, now it works… unless the cups revolt again.
I built this sneaky little cup-shuffling game from scratch pure HTML, CSS, and JS, with bit of AI help (mostly just begging it for color ideas when my design skills stalled at neon vomit). Debugging was a comedy of errors: the ball kept teleporting, the cups moved like drunk snails, and at one point, the win screen celebrated before I even guessed. The real work was me stubbornly rewriting animations until they behaved. Now it’s polished, addictive, and proof that sometimes you just need to fight the code yourself. (Also, I still lose at my own game.)

Initially, I set out to build a simple profile picture editor, but inspiration struck—why not turn it into an interactive Who Ate the Cookies? mystery instead? I redesigned the entire concept myself, crafting funny puppy alibis (like rainbow pooping alibis and suspicious kitchen activity) and structuring the game logic to reveal the crumb covered culprit. While I used AI briefly to brainstorm playful dialogue and debug minor CSS quirks, the core code, design pivots, and creative direction were all my hands-on work transforming a basic filter idea into a charming detective game through trial, error, and a lot of cookie themed humor.

This project started as a simple Unclickable Button joke—a frustrating UI gag where a button dodged clicks while hurling insults. But after playtesting, I realized, why not turn this into a full game? The original button evolved into swarming bugs, the snarky messages became score feedback, and the core mechanic expanded with health bars, multiple enemies, and a timer. The biggest challenges? Making bugs move naturally (without overlapping) and balancing difficulty—those tanky beetles were added specifically to force players to strategize. Next up: sound effects and high score tracking!

I built this playful portfolio to showcase my first-ever beginner coding skills with a twist of humor. The project features a royal pug as my furry alter ego, a mischievous Don't Click button that triggers silly effects, and random color-changing surprises. I had fun breaking the tradition of portfolio rules by adding self-deprecating jokes about my bugs (blaming hardware, of course) and pretending my cat helps debug JavaScript. Every element—from the rebellious button to the fake vote counter - was designed to make visitors smile while demonstrating my HTML/CSS/JS skills. The pug demanded a crown, so who was I to argue? Future updates may include more chaotic interactions, because why should portfolios be boring?