TasteSmith From craving to custom recipe in seconds.

Mohammad Usmani — Mon, 15 Sep 2025 07:05:33 +0000

https://tastesmith-ai-recipe-creator-174661404038.us-west1.run.app/

Three Versatile Recipe Creation Modes
The application offers three distinct ways to generate recipes, all accessible from a clean, tabbed Creation Hub.

How it works: The CreationHub component allows you to switch between "Describe Craving," "Use My Pantry," and "Explore Flavors." Each mode provides a tailored interface to capture your intent and sends a detailed request to the AI.
Per-Request Health & Diet Customization
For every recipe you generate, you can specify detailed dietary and health needs.

How it works: A collapsible "Health & Diet Options" section is available in all creation modes. This form (HealthAndDietForm) allows you to select allergens, set dietary profiles (e.g., Vegan, Keto), choose health goals (e.g., Diabetes-Friendly), define specific nutritional targets (max calories, sodium, etc.), and list ingredients to avoid. These preferences are sent with each AI request for highly personalized results.

"Use My Pantry" with Policy Tiers
This mode intelligently creates recipes from ingredients you already have.

How it works: You can upload a photo of your ingredients. A Pantry Policy dropdown lets you control the AI's creativity:

Pantry Only: Uses only the ingredients it can see.

Allow Staples: Can add common staples like oil, salt, and flour.

Allow Spices & Condiments: Can also use a well-stocked spice rack and common sauces for more complex flavors.

Rich & Detailed Recipe Display
When you select a recipe, it's presented in a comprehensive and easy-to-read format.

How it works: The RecipeDisplay component organizes all recipe information, including:

Title and an enticing summary.

Prep time, cook time, and number of servings.

A clear list of ingredients.

Numbered, step-by-step instructions.

A detailed Nutrition Card with calories and macronutrients (protein, carbs, fat), plus detailed info like sodium and added sugar when available.

Recipe Saving & Management
You can build your own personal digital cookbook.

How it works: You can save any recipe from a list with a single click. The app uses the browser's localStorage to persist your collection. A dedicated "Saved Recipes" page allows you to view, access, and delete your saved items at any time. You can also Duplicate a recipe to create a new version.

Advanced & "Level-Up" Features

Flavor & Texture Proof
The app doesn't just give you a recipe; it tells you why it works.

How it works: The recipe page (RecipeCard) features a dedicated "Flavor & Texture Proof" panel that displays:

Technique Proof: Bullet points explaining the cooking methods used to achieve the desired result.

Taste Science: A short blurb on the culinary science behind the ingredient pairings.

Score Gauges: A detailed breakdown of the recipe's Taste and Texture profiles with clean bar gauges, giving an at-a-glance understanding of its sensory characteristics.

Hands-Free Cook-Along Mode
The app can guide you through a recipe step-by-step, without you having to touch the screen.

How it works: If a recipe contains staged instructions from the AI, a "Start Cook-Along" button appears. This opens a dedicated player interface (CookAlong component) with automatic timers for each stage. It uses your browser's built-in voice synthesis to read instructions and hazard warnings aloud. It includes full player controls for play/pause, next/previous, and mute.

For all Recipe Generation (including Describe Craving, Use My Pantry, and Explore Flavors): The app uses gemini-2.5-flash. This is a powerful and fast model, ideal for the complex JSON-based recipe creation task.

For Image Generation: The app uses imagen-4.0-generate-001 to create the photorealistic images for each recipe. This is a state-of-the-art image generation model.

🌱 Flora Friend Multimodal AI Plant Care & Diagnosis

Mohammad Usmani — Mon, 15 Sep 2025 06:55:44 +0000

Perfect — here’s your updated PlantPal submission draft with explicit mention of the Gemini and Imagen models you’re using. It’s formatted to match the Google AI Studio Multimodal Challenge template so you can paste it straight into your DEV post.

🌱 PlantPal — Your AI Plant Care Companion

This is a submission for the Google AI Studio Multimodal Challenge

What I Built

PlantPal is a multimodal plant care assistant that helps users identify, diagnose, and nurture their plants — all from the browser, with local-first data persistence.

The app solves three core problems for plant parents:

Confusion identifying plants from photos.
Uncertainty diagnosing plant health issues (pests, diseases, deficiencies).
Difficulty sticking to care schedules and tracking progress over time.

By combining Gemini’s multimodal AI with Imagen’s image generation and a polished, local-first web experience, PlantPal is practical, trustworthy, and delightful.

Demo

🎥 Watch the Demo Video
🌐 Try the Live App

How I Used Google AI Studio

PlantPal is built entirely in Google AI Studio with a focus on multimodal workflows.

gemini-2.5-flash is the primary workhorse model for all text and vision-based analysis tasks:
- 🌿 Plant Identification: Analyzes uploaded photos to identify species.
- 🩺 Health Diagnosis: Examines sick plants, detects symptoms, and suggests remedies.
- ✍️ Text Generation: Produces AI Care Plans, Companion Planting advice, Nursery Handoff Cards, and the script for Care Comics.
- 🔍 Image Comparison & Analysis: Powers the Progress Postcard (before/after) and Sticky-Trap Scanner (pest trend analysis).
imagen-4.0-generate-001 is used exclusively for:
- 🎨 Care Comic Illustrations: Creating cute, minimalist three-panel comic images based on the Gemini-generated script.

All user data (plants, reminders, health logs, and images) is stored locally in the browser using IndexedDB/Dexie — so users keep control of their data without cloud dependence.

Multimodal Features

🌿 Core Plant Management & Persistence

Personal dashboard with image-led plant cards.
Add via AI photo ID or browseable plant library.
Detailed plant profiles with care info, health history, and reminders.
Local-first persistence for plants, reminders, and logs.

🔍 AI-Powered Identification & Diagnosis

Photo ID with common/scientific name, confidence, look-alikes, and visual differentiators.
AI health checks with overlays marking exact leaf symptoms.
Health history logs track condition over time.

🧑‍🌾 Advanced Gardening Tools

Seasonal AI care plans (watering/fertilizer/repot).
Companion Planting Advisor (neighbors & avoid lists).
Nursery Handoff Card (printable expert summary).
Sticky-Trap Scanner (pest count + trend).
Progress Postcard (before/after overlays + shareable PNG).

⏰ Reminders & Task Management

Smart reminders for watering, fertilizing, pruning, rotating, pest checks.
Auto-rescheduling after completion.
Color-coded due statuses (Overdue / Today / Upcoming).

🎭 Engagement & Fun

AI-generated Care Comics: 3-panel illustrated tips + witty captions + meme-beat summaries.
Keeps plant care educational and fun.

Why This Stands Out

Most plant apps only identify species or give generic care tips. PlantPal goes further by combining evidence (overlays), personalized care (seasonal + environment-aware), and delight (comics, postcards) — while keeping data local.

This makes PlantPal more useful, more trusted, and more engaging than existing plant care apps.

DEV Community: Mohammad Usmani