Aquascript Recipes API

Overview

This JSON API serves detailed recipe information including ingredients, instructions, and nutritional values. It’s ideal for use in recipe apps, cooking blogs, or dietary tracking tools.

API Endpoint

Recipes JSON data can be accessed at:

Data Format

Each recipe follows this structure:

{
  "id": "3",
  "name": "Baked Shrimp Scampi",
  "source": "http://...",
  "preptime": 10,
  "cooktime": 12,
  "servings": 4,
  "calories": 210,
  "fat": 14,
  "fiber": 4,
  "sugar": 6,
  "protein": 200,
  "instructions": "Preheat the oven to 425 degrees...",
  "ingredients": [
    "2/3 cup panko",
    "1/4 tsp red pepper flakes",
    "..."
  ],
  "tags": ["seafood", "shrimp", "main"]
}

• id: Recipe ID
• name: Recipe title
• source: Original recipe source URL
• preptime, cooktime: Times in minutes
• calories, fat, fiber, sugar, protein: Nutritional breakdown
• instructions: Step-by-step guide
• ingredients: List of required items
• tags: Recipe categories

Fetching Recipes

fetch('https://wecoded-dev.github.io/Aquascript/api/recipes.json')
  .then(response => response.json())
  .then(data => {
    console.log(data);
  });

Rendering Example

Basic HTML + JavaScript display:

<div id="recipe-list"></div>

fetch('https://wecoded-dev.github.io/Aquascript/api/recipes.json')
  .then(res => res.json())
  .then(recipes => {
    const container = document.getElementById('recipe-list');
    recipes.forEach(recipe => {
      const item = document.createElement('div');
      item.innerHTML = `
        <h3>${recipe.name}</h3>
        <p>Serves: ${recipe.servings}, Calories: ${recipe.calories}</p>
        <p><strong>Tags:</strong> ${recipe.tags.join(', ')}</p>
      `;
      container.appendChild(item);
    });
  });

Tips

• Highlight allergens by scanning ingredients list.
• Use Array.filter() to show recipes based on tags or calories.
• Add images or icons for each recipe category for a better UI.
• Store in localStorage to enable offline access.

Conclusion

The Aquascript Recipes API makes it easy to build dynamic and informative cooking apps, websites, or educational projects involving food data.