Lost Pets of the Multiverse

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.

What I Built

I built Lost Pets of the Multiverse, a whimsical AI app that generates fictional animals from alternate universes. Every time you click “Discover Pet,” the app uses Gemini to write the pet’s name, origin, behavior, powers, and how it got lost — while Imagen generates a matching creature portrait.

Here’s the prompt I used in Google AI Studio:

"Create a web app called ‘Lost Pets of the Multiverse’ that generates a fictional animal from a parallel universe each time the user clicks a button labeled 'Discover Pet.' Imagen creates a unique creature portrait. Gemini writes a name, origin dimension, behavior, powers, and how the pet got lost in our universe. App should feel whimsical and emotional. React + TypeScript, deployable to Cloud Run."

The app is built using React, TypeScript, and the latest Gemini + Imagen SDKs, and deploys easily with Google Cloud Run.

Demo

🛸 Live App

Example pet:

Name: Chronogruff

Origin: Sector-91

Power: Time-bending

Story: “Chronogruff was chasing a butterfly through a wormhole and ended up here. He misses his home but likes Earth squirrels.”

My Experience

This was my first time using Google AI Studio, and it completely changed how I think about prototyping.

I learned:

• How to structure a clear, creative prompt that gets great results
• How Gemini “thinks” through code, fixes errors, and builds modularly
• How to deploy an AI app quickly with Cloud Run

It was amazing to watch a working React app come to life from just a single paragraph of input. I especially loved how the app combined creativity (through Gemini) and art (via Imagen) into something fun and shareable.

I’ll definitely use this again to build fast ideas into full experiences!