Games
A collection of simple games built to demonstrate JavaScript and CSS fundamentals.
Who's That Pokémon?
When I was a Pokémon-obsessed kid, my dad told me I'd eventually grow out of it. I was determined to prove him wrong. Turns out I didn't even need to try.
The premise is simple. In the anime, a silhouette would appear before a commercial break, challenging viewers to guess the species. After the break, the big reveal.
This was one of my first coding projects. I had just learned how to make API calls, and I used CSS filters for the silhouette and a transition for the reveal.
Remember when this was easy? Now there are over 1,000 Pokémon. Still think it's easy? Turn on hard mode. Struggling? Stick to the earlier generations — I won't judge you. 加油!
Generations
Loading Pokémon...
Typing Test
How fast can you type? Click the text and start typing. Best on desktop. Under the hood: event listeners, string comparison, and an interval for live stats.
Reaction Test
Inspired by the F1 starting lights. Five red lights, then blackout — react as fast as you can. Jump the start and you'll have to try again. Built with setTimeout for the sequence and performance.now() for millisecond precision.