This is a submission for the Amazon Q Developer "Quack The Code" Challenge: That's Entertainment!

💡 What I Built

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.

🧪 Demo

🕸️ Play now:
👉 https://the-status-rebellion.jamesrmoro.me

📺 Watch video:

📁 Code Repository

⚙️ How I Used Amazon Q Developer

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.