DEV Community

ANIRUDDHA ADAK
ANIRUDDHA ADAK Subscriber

Posted on

MindQuotes - AI-powered inspiration for your wellness journey.

#deved #learngoogleaistudio #ai #gemini

Education Track: Build Apps with Google AI Studio

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

What I Built

I built MindQuotes, a web application designed to provide a moment of calm and inspiration. It uses Google's AI to generate unique, uplifting psychology quotes and overlays them onto beautiful, AI-created background images, offering a fresh dose of motivation for anyone on their mental wellness journey.

The core of the app is a multi-step AI process:

  1. First, I use the gemini-2.5-flash-preview-04-17 model to generate a quote with this prompt:

    Generate a short, inspiring, and profound psychology quote about mental wellness, resilience, or self-compassion. The quote should be uplifting and concise. Return ONLY the quote text, without any quotation marks or extra descriptive text.

  2. Then, the generated quote is used to create a descriptive prompt for an image generation model:

    Based on the following quote, create a short, descriptive prompt for an image generation AI. The prompt should describe a serene, abstract, and visually beautiful scene that captures the essence of the quote. Think metaphorically. The prompt should result in a photographic, high-detail, beautiful image. Do not include any text in the image prompt.

Finally, the imagen-3.0-generate-002 model generates a stunning, high-quality image based on this new prompt, which serves as the background for the quote.

Demo

Here's a look at the MindQuotes app in action.

Visit site

Main Interface:
The main screen features a beautifully generated image with an inspirational quote layered on top. Below the card is a button to generate a new quote.

demo

Loading Experience:
While a new quote and image are being generated, the app displays a series of motivational messages with a colorful loading animation to create a delightful waiting experience.

Loading

My Experience

Working on MindQuotes has been a fantastic learning experience. The most significant takeaway was understanding how to chain different AI models to create a more complex and cohesive product. It wasn't just about a single prompt and response; it was about using the output of one model as the intelligent input for another.

I learned a lot about prompt engineering—how to be specific enough to get the desired output (like a quote without quotation marks) while leaving room for the AI's creativity. Integrating the @google/genai SDK into a React and TypeScript project was surprisingly straightforward. The API is clean and well-documented.

What truly surprised me was the quality and speed of the models. Gemini consistently produced thoughtful and relevant quotes, and Imagen's ability to translate an abstract concept from a quote into a visually stunning, metaphorical image was beyond my expectations. This project really opened my eyes to the practical and creative possibilities of building with Google's AI suite.

Top comments (0)