ISpy

Use AWS Bedrock to create generative and interactive I spy game.

Comment

Inspiration

We wanted to use AWS generative AI tools to generate a "Where's Waldo" style game. We found it difficult to generate good images for the Where's Waldo, so we found more success generating I Spy style images with Bedrock. We are the in the creative track

What it does

The Web app dynamically generates I Spy style images. The player is given a list of objects they need to find in the image. Once the player has clicked on all objects in the image, the game moves on to the next image.

How we built it

We used React to build a responsive frontend and stored the images in an S3 bucket. We used lambda functions to construct a RESTful API that fetched game data and images and served them to the frontend.

Challenges we ran into

We ran into numerous and plentiful challenges. Our biggest hurdle was learning about AWS platforms. In the end what did us in was figuring out how to serve images in a non-base64 encoded format so the browser could display them.

Accomplishments that we're proud of

We build a responsive web app and a RESTful web app despite having little knowledge of AWS lambdas and DynamoDB beforehand.

What we learned

  • How to create records in DynamoDB
  • How to construct a RESTful API composed of lambda functions.
  • How deploy a web app using CI/CD with Amplify.

What's next for ISpy

  • Flesh out user accounts.
  • Include a leaderboard, record user scores.
  • Improve prompting of Bedrock.

Built With

Share this project:

Updates