This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I built an RPG Portrait Generator web app using Google AI Studio’s “Build apps with Gemini” feature.
Prompt used:
- please create an app that creates RPG character portrait generator using imagen based on input from user, let user choose some charecteristics and put the name of character, based on all of this info generate the portrait.
- can you create top 10 different universes? like lord of the rings, starwars maybe etc. whatever can be counted as rpg. and based on that show different classes, races that each universe has.
- can you save in local storage generated images? and let user view and download them?
Additional features:
- Ten distinct RPG universes, each with unique races and classes
-
localStoragesupport to save and retrieve generated images - Download button for exporting portraits as PNG
Demo
- Deployed App: Click Here
My Experience
- Rapid Prototyping: Gemini scaffolding cut setup time from days to minutes.
- Imagen API Integration: Gained insights on endpoint calls, handling responses, and dynamic image rendering.
-
State Persistence: Leveraged
localStoragefor caching portraits, improving user retention of creations. - Enhanced UX: Download functionality and clear UI flow significantly boosted usability and engagement.
Suggestions
- Auto-save Projects: Implement auto-save functionality to persist user progress immediately after AI code generation completes.
- Deployment Details: After deployment, display the target cloud account or project information (e.g., GCP project ID) to confirm where the app is hosted.
Top comments (2)
Github repo for this project is Public
🎭 RPG Portrait Generator
✨ Features
🎮 Supported Universes
That's fantastic.