I created a game using HTML, CSS, and JavaScript called The Status Rebellion, with the goal of teaching HTTP status codes in a fun, interactive, and visual way.
The player must drag cards representing each status into a central trap, where unique effects are triggered based on the meaning of each code.
During the game, players can test their knowledge with 14 examples of HTTP codes, having only 3 lives — or, if they prefer, they can skip a card and move on to the next.
The game features a retro look, soundtrack, animations, and simple mechanics that make learning more engaging.
To complement the project, I created a video that tells the story behind the game and shows how tools like Amazon Q Developer can greatly help with the coding side, while design focuses on creating interactive visual experiences. This separation speeds up the transformation of ideas into reality.
A retro-inspired HTML game to learn HTTP status codes like never before.
⚔️ HTTP - The Status Rebellion
A fun interactive game where you must return the HTTP status codes to their original universes. Drag each card into the HTTP TRAP in the center and observe the unique effects of each status.
ℹ️ About the Game
HTTP The Status Rebellion is a game inspired by the true guardians of the internet - HTTP status codes. The game features six different status codes (200, 301, 302, 403, 404, and 500) that you need to send back to their respective universes by dragging them into the HTTP TRAP.
I used Amazon Q Developer directly within Visual Studio Code as a coding assistant throughout the entire development of the game.
I started by installing the official extension and, on the very first command, the AI asked for permission to edit files. From that point on, the experience became smooth and collaborative.
I described the general idea of the game and started requesting features in parts, such as:
An animated starry sky using only CSS and JS
The drag and drop system, with collision detection between card and trap
A custom modal with animations and ESC key to close
Integration with the Swiper.js library for card navigation
For each feature, I asked Amazon Q to deliver a functional base — and from there, I added my personal touch to the visual identity, using my front-end knowledge to adjust colors, fonts, textures, icons, sound effects, and the desired retro style.
🧩 Conclusion
Amazon Q was essential for speeding up development and supporting me when doubts or technical blocks arose. The experience was like having a coding partner available at all times, responding in natural language and helping turn the idea into reality.
damn this game sounds fun as hell, honestly i wish i had something like that when i was learning codes - you think making stuff playful is the key to actually getting it to stick?
Nice post. Really helpful for beginners.