The author built an app called SoulScape QuoteCanvas as part of the DEV Education Track: Build Apps with Google AI Studio. The app asks users about their current state of mind, guides them through a short reflection, and generates a relevant quote and image combo. The author used Gemini's Imagen feature to generate dynamic backgrounds and created a friendly robot mascot to make the experience more personal. The app features a three-stage AI persona, including a poet, concept artist, and positivity therapist, to provide depth and consistency. The author used React, TypeScript, and Tailwind CSS to build a responsive and modern single-page application. The app includes features such as structured prompts, persona-driven AI, and thoughtful animations to create an emotional journey for users. The author learned that using clear guidelines and structured prompts can help AI models stay on track and produce cohesive outputs. The app demonstrates that building with AI is not just about models and data, but about crafting experiences that honor the user's journey. The author encourages others to build their own apps with Google AI Studio, emphasizing the potential to create empathetic and powerful experiences. The SoulScape QuoteCanvas app is a space where vulnerability becomes art, and the author hopes it will inspire others to build their own unique creations.
dev.to
dev.to
Create attached notes ...