DEV Community

Khaled Saeed
Khaled Saeed

Posted on

✨Mood-based Travel Poster Generator✈️

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 a Mood-based Travel Poster Generator, an AI-powered app that creates unique travel posters based on the user's current mood. I used this prompt in Google AI Studio:

"Build a web app that take the user current mood. Based on the mood, the app suggests a matching travel destination and generates a travel poster using Imagen. The image should reflect both the emotion and the destination’s essence (e.g., 'melancholic' → rainy Venice; 'curious' → ancient ruins in Peru). Include a 'Regenerate Poster' button to create a new variation. Add a simple UI with a text input and a dropdown of mood presets."
Enter fullscreen mode Exit fullscreen mode

Demo

Mood: Cosy- Style: Vintage

Mood: Elegent - Style: Impressionist


My Experience

This project was a great exercise in blending creativity and technical design. I learned how to:

  • Structure prompts for more stylized image outputs
  • Use the Imagen API effectively for emotion-to-visual mapping

Thanks to Google AI Studio and DEV for making this learning experience fun and creative!

Top comments (1)

Collapse
 
docscrib profile image
Docscrib

Excellent!