One suggestion I'd make is probably making arcade a bit shorter. 212 European clubs is a daunting task and created a feeling of early fatigue for me. Since it's randomized each time, maybe a set of 50 would be fun?
I have some hidden filters that will allow people to choose certain countries or leagues - I hadn't got enough teams loaded in to release those just yet without it being just England or Spain.
The daily challenge I plan to make a bit harder but adding some CSS to initially blur it and gradually lighten the blur on each failed guess
I wanted to share a small weekend project I’ve been working on called Guess The Badge. It’s essentially Wordle for football (soccer) badge. You get a redacted badge and have to guess the club.
I used this project as an excuse to step away from my usual work and see how lean I could keep things. The whole thing is pure Vanilla JS, HTML5, and CSS3, hosted on S3/CloudFront. The entire game logic lives in a single app.js file that’s only about 400 lines.
The part I’d love your eyes on is the daily logic. Instead of a database, I’m using a seeded RNG based on the client’s local date (Math.sin hack) to ensure everyone gets the same club.
I’m looking for specific feedback on:
The Seeding: Does the daily reset feel consistent, or does it break across specific time zones?
Mobile UX: I tried to manually prevent layout shifts when the virtual keyboard pops up—let me know if it feels jumpy on your specific device.
Link: www.guessthebadge.com
Thanks for checking it out!