ππππ€ SoulScape with Gemini: Unveiling the Cosmos Within Your Emotions β¨π«

This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
My app I set out to build
I wanted to experiment with Geminiβs Imagen feature to generate dynamic backgrounds, then I remembered the many hours I once spent hardβcoding 80+ weather images for a side project π. That blend of image magic and personal storytelling sparked SoulScape QuoteCanvas: an app that asks users for their current state of mind, guides them through a short reflection, and then produces a touching, relevant quoteβ―+β―image combo that feels crafted just for them ππ.
My main/first prompt
π±: βYou are an AI mood mapper. Take the userβs input and:
1. Ask the user how theyβre feeling in a few words.
2. Generate a brief, uplifting quote based on their response.
3. Create a simple image description featuring a friendly robot mascot.
4. Choose colors and visual elements that reflect their mood.
5. Combine the quote and image into a shareable card format.
Features I used
- Imagen for highβquality, symbolic visuals
- Gemini Build to wire up the prompt β app generation in minutes
- Threeβstage AI Personas (poet + concept artist + positivity therapist) for depth and consistency
- React & TypeScript for a responsive, modern SPA
- Tailwind CSS for a clean, accessible design
π¬ Demo
πΈ Screenshots
π Live Link
Or dive in live, upload your resume or start fresh:
Check it out here:- π(checkout the image)
My Experience
My Key takeaways
- Structured Prompts Create Safety: Guiding users through a CBTβinspired questionnaire built trust and kept them focused.
- PersonaβDriven AI Yields Cohesion: Splitting βpoetβ and βconcept artistβ roles gave the app a consistent voice and vision.
- User Experience Matters as Much as Models: Thoughtful animations, loading messages, and layout turned technical magic into an emotional journey.
My learnings
- AI as Director, Not Just Creator: Using Gemini to craft image prompts before handing them off to Imagen resulted in visuals rich with metaphor, something a single-step pipeline couldnβt match.
- Empathy by Design: Small UI details (fading questions, loader text) can transform wait time into a moment of calm anticipation.
- Rapid Prototyping with Gemini Build: I spun up a fully deployed, interactive app in under an hour, the proof that textβtoβapp workflows are gameβchanging for developers.
What was surprising to me
I found that using clear guidelines (tiny robot mascot, ethereal style, threeβphrase loader) actually helped the Gemini Build agent stay on track, resulting in outputs that felt both cohesive and personal.
Final Thoughts
SoulScape QuoteCanvas taught me that building with AI isnβt just about models and data, but rather itβs about crafting experiences that honor the userβs journey. By combining reflective prompts, personaβdriven AI, and a soothing UI, I created a space where vulnerability becomes art.
I canβt wait to see what you build with Build Apps with Google AI Studio, whether itβs a mindfulness canvas, a recipe helper, or something entirely new. Your next idea could spark someoneβs own constellation of strength.
Ready to turn your prompts into powerful, empathetic apps? Letβs build together and earn that Gemini Builder badge!
Thank you for your successful journey from that quiet ache to the first spark of joy, SoulScape was built just for this moment: an app that holds your hand through every shade of feeling, turning your vulnerability into light. ππβ‘οΈππβ¨π