Allergy-Friendly Recipe Finder

Allergy-Friendly Recipe Finder

1. Dashboard (Recipe Results)
2. Data Configuration (Filters)

Filtered Recipes: Showing 0 Results

Active Exclusions: None selected.

Cuisine/Dish Type Filter: All.

Please go to the **Data Configuration (Filters)** tab and select your required allergen exclusions and preferences, then click 'Apply Filters' to see your safe recipes.

Select all allergens you need to exclude from the recipes. (Check to Exclude)

Cuisine/Dish Type Filter: ${dishTypeFilter}.

`; // Render Recipe Cards let html = ''; if (recipes.length === 0) { html = `
No recipes match your current exclusion criteria and preferences.
Please review your selections in the **Data Configuration (Filters)** tab.
`; } else { recipes.forEach(recipe => { // Determine which allergens were excluded but are SAFE for this recipe const safeAllergens = excludedAllergens.filter(allergen => recipe.free_of.includes(allergen)); const safeAllergensText = safeAllergens.length > 0 ? safeAllergens.join(', ') : 'All selected allergens.'; html += `

${recipe.name}

Type: ${recipe.type}

Cuisine: ${recipe.cuisine}

✅ SAFE FOR: ${safeAllergensText}

Ingredients:

    ${recipe.ingredients.map(ing => `
  • ${ing}
    • `).join('')}

Instructions:

${recipe.instructions}

`; }); } resultsContainer.innerHTML = html; } // II. C. PDF Download Functionality (Uses window.print for high-quality, professional output) window.downloadPDF = function() { // III. B. Website Integrity: Use the print media query CSS to hide surrounding elements. window.print(); }; // Initial setup updateNavButtons(); // Pre-populate with a general filter to show the initial state applyFiltersAndSwitchToDashboard(); });
Scroll to Top