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.
