AWS Logo
Menu
AWS Brain Buster! Every Logo Tells a Story – Can You Guess Them All?

AWS Brain Buster! Every Logo Tells a Story – Can You Guess Them All?

AWS services continue to expand, we wanted to create an engaging and interactive way for individuals to familiarize themselves with these services. By gamifying the learning process, we aim to make it fun and competitive, encouraging players to enhance their knowledge of AWS. #AmazonQ

Published Jan 13, 2025
Last Modified Jan 14, 2025
Ignite your AWS expertise with 'Brain Buster'!
In today's cloud-powered world, knowledge is your superpower. 'AWS Brain Buster' is your launchpad to AWS mastery.
We believe learning should be an adventure, not a chore. That's why we've crafted a thrilling game where you'll decipher iconic AWS logos, unravel intriguing clues, and unlock the secrets behind each powerful service.
Get ready to test your wits, challenge your memory, and emerge victorious as an AWS pro.
Let the Brain Buster begin!

What it does

"AWS Brain Buster" is a guessing game where players are presented with the logos of various AWS services along with hints.
Players must identify the service based on the logo and hints provided.
Correct answers allow players to progress through levels, while incorrect answers deduct points from their initial score of 100.
The game is designed to challenge players' knowledge of AWS services and promote learning through play.

Try it out here: http://brainbuster.com.s3-website-us-east-1.amazonaws.com/

How we built it

We built "AWS Brain Buster" as a typescript application. The front-end interface was developed using HTML CSS and typescript, allowing for a dynamic and responsive user experience. The game logic is handled on the client side, which manages user interactions, score tracking, and the display of hints. This reduces the client-server interaction and makes the game light weight to play.
We utilized AWS DynamoDB to store the AWS service names and hints, enabling efficient data retrieval and updates, and Amazon S3 for storing AWS service logos and front-end hosting.
Additionally, we implemented a leaderboard feature to track player scores and foster competition.
For development assistance, we leveraged Amazon Q to help with code snippets, and streamline our workflow. The design emphasizes vibrant visuals and user-friendly navigation to enhance the overall gaming experience.

Challenges we ran into

One of the main challenges we faced was ensuring that the hints provided were neither too easy nor too difficult, striking a balance that would keep players engaged. Additionally, we encountered difficulties in designing a layout that would work seamlessly and look great.
Debugging the scoring system and leaderboard to ensure accurate point deductions and rewards also required significant testing and iteration.
Challenges and Accomplishments:
We are proud of creating an interactive and visually appealing game that effectively combines education and entertainment. A significant achievement was the successful implementation of the scoring system and the ability to provide instant feedback to players based on their performance.
Additionally, we are particularly proud of our first-time use of Amazon Q and other AWS services, which enhanced our development process and allowed us to build a more robust and scalable application. This experience has deepened our understanding of cloud technologies and their practical applications in game development.

What we learned

Throughout the development of "AWS Brain Buster," we learned the importance of user feedback in shaping the game experience. Iterating on our initial design based on player input helped us refine the gameplay mechanics and improve overall engagement.
Additionally, we gained valuable experience working with AWS services, including our first-time use of Amazon Q, which provided insights into cloud-based development. This project also enhanced our skills in front-end development and taught us how to effectively integrate various technologies to create a cohesive and engaging application.

Building an interactive and engaging app doesn't require expensive AWS services. A well-designed, streamlined architecture, combined with clever client-side coding techniques, can achieve exceptional results. This approach minimizes server calls, reduces costs, and maximizes efficiency.

Who is it for?
Any learner who is eager to familiarize herself with AWS knowledge. Not only the service logo but hints (short descriptions of each service) make players remember the service's core purpose and the story of the logo design.

How Amazon Q helped us?

The development of "AWS Brain Buster" was significantly accelerated by the strategic utilization of Amazon Q. This powerful AI service proved invaluable in generating code snippets for critical game functionalities, encompassing user interactions, data management, and the dynamic presentation of visual elements. For instance, Q facilitated the swift creation of TypeScript code that seamlessly handled user clicks, validated input, and accurately calculated and displayed scores. Moreover, Q streamlined the integration of AWS DynamoDB, enabling efficient storage and retrieval of AWS service names and associated hints. This seamless data flow was crucial for maintaining a smooth and engaging gameplay experience. Furthermore, Q played a pivotal role in generating code for the dynamic rendering of HTML, CSS, and JavaScript elements, ensuring an interactive and visually appealing user interface across various devices.
Beyond code generation, Amazon Q streamlined the overall development workflow. Its ability to quickly generate code prototypes enabled rapid experimentation with different game mechanics and design approaches. This iterative process allowed for swift identification and resolution of potential issues, significantly reducing development time and enhancing the overall quality of the game. Moreover, Q served as an invaluable resource for debugging and troubleshooting. By providing relevant code examples and addressing specific coding challenges, Q empowered the development team to efficiently identify and rectify errors, ensuring the smooth and stable functioning of the game.

What's next for AWS Brain Buster

Looking ahead, we plan to expand "AWS Brain Buster" by adding more AWS services and logos to keep the game fresh and challenging.
Code snippets could also be the part of this game where some code in images would be shown to the user and asked to pick the most optimized solutions from the options provided.
We also aim to incorporate multiplayer features, allowing players to compete against friends or other users in real-time.
 

4 Comments