{"slug": "whether-it-s-coding-cooking-rock-climbing-or-helping-others-the-ai-will-craft", "title": "Whether it's \"coding,\" \"cooking,\" \"rock climbing,\" or \"helping others\" -- the AI will craft something beautiful just for you.", "summary": "Passion Flame is an interactive web experience that lets users submit their passions and receive a unique poetic tribute generated by Google's Gemini AI. The app features a Canvas 2D particle system representing flames and a collective Wall of Flames to showcase submissions. Built with Google's generative AI SDK, it uses the Gemini 1.5 Flash model to craft short, poetic descriptions with fire metaphors.", "body_md": "*This is a submission for Weekend Challenge: Passion Edition*\n\n**Passion Flame** is an interactive web experience that celebrates what sets our souls on fire. The core idea: passion is like fire -- it starts as a single spark, grows when shared, and becomes unstoppable when many come together.\n\nThe app lets anyone submit what they're passionate about, and Google's Gemini AI crafts a unique, poetic tribute to that passion. Each submission becomes a \"flame\" on our collective Wall of Flames -- a growing monument to human passion across the globe.\n\nKey features:\n\n🔗 **Live Demo:** [https://idohi7cmhfm2w.kimi.page](https://idohi7cmhfm2w.kimi.page)\n\nTry submitting your own passion! Whether it's \"coding,\" \"cooking,\" \"rock climbing,\" or \"helping others\" -- the AI will craft something beautiful just for you.\n\nThe source code is available on GitHub (link coming soon). Built with:\n\nI started with the metaphor: **passion as fire**. Fire is primal, universal, and visually striking -- perfect for a \"Passion\" themed challenge. I wanted something that felt immersive from the moment you land on the page.\n\nThe hero section features a Canvas 2D particle system with 120 flame-colored particles that spawn from the bottom and rise with physics-based movement. Each particle has its own velocity, lifespan, and sway. Mouse movement creates a repulsion force -- push the flames around!\n\nI used Google's `@google/generative-ai`\n\nSDK with the Gemini 1.5 Flash model. The prompt engineering was key: I crafted a prompt that asks for \"short, poetic, inspiring descriptions (2-3 sentences)\" with \"fire/flame metaphors\" and a character limit. When no API key is available, the app falls back to a curated set of 6 poetic templates that rotate based on the passion text hash.\n\nThe color palette is built entirely around fire: deep crimsons, bright oranges, warm ambers, and golden yellows against a near-black background. Typography pairs Playfair Display (elegant serif for headings) with Inter (clean sans-serif for body text). Every section has GSAP scroll-triggered entrance animations for that polished feel.\n\n**Best Use of Google AI** -- The Gemini integration is central to the experience. Every passion submission gets a unique AI-generated poetic description, making each interaction personal and memorable.\n\n*Built in a weekend fueled by coffee and genuine passion for building things that spark joy. 🔥*", "url": "https://wpnews.pro/news/whether-it-s-coding-cooking-rock-climbing-or-helping-others-the-ai-will-craft", "canonical_source": "https://dev.to/karleeov/whether-its-coding-cooking-rock-climbing-or-helping-others-the-ai-will-craft-4j41", "published_at": "2026-07-12 02:14:50+00:00", "updated_at": "2026-07-12 02:44:34.723168+00:00", "lang": "en", "topics": ["artificial-intelligence", "generative-ai", "large-language-models", "ai-products", "developer-tools"], "entities": ["Google", "Gemini", "Gemini 1.5 Flash", "Playfair Display", "Inter", "GSAP"], "alternates": {"html": "https://wpnews.pro/news/whether-it-s-coding-cooking-rock-climbing-or-helping-others-the-ai-will-craft", "markdown": "https://wpnews.pro/news/whether-it-s-coding-cooking-rock-climbing-or-helping-others-the-ai-will-craft.md", "text": "https://wpnews.pro/news/whether-it-s-coding-cooking-rock-climbing-or-helping-others-the-ai-will-craft.txt", "jsonld": "https://wpnews.pro/news/whether-it-s-coding-cooking-rock-climbing-or-helping-others-the-ai-will-craft.jsonld"}}