Activity 33: Angular Recipe Grid

Activity 33: Angular Recipe Grid

Create a List of Object Data Structures

recipe.service.ts

import { Injectable } from '@angular/core';
import { RecipeModel } from '../components/recipe';

@Injectable({
  providedIn: 'root'
})
export class RecipeService {
  private recipes: RecipeModel[] = [
    {
      id: 1,
      name: "Adobo",
      ingredients:  `Chicken or pork braised in soy sauce, vinegar, and garlic`,
      imageUrl: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmww5jTG0tVGxjPAoMtgYndRrcCm-NtAjyOQ&s"
    },
    {
      id: 2,
      name: "Sinigang",
      ingredients:  `Tamarind-based sour soup with pork.`,
      imageUrl: "data:image/jpeg;base64,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"
    },
    {
      id: 3,
      name: "Lechon Manok",
      ingredients:  `Filipino-style roasted chicken marinated with spices, cooked over charcoal for flavorful tenderness.`,
      imageUrl: "https://www.unileverfoodsolutions.com.ph/dam/global-ufs/mcos/SEA/calcmenu/recipes/PH-recipes/chicken-&-other-poultry-dishes/lechon-manok/lechon-manok-main.jpg"
    },
    {
      id: 4,
      name: "Kare Kare",
      ingredients:  `Peanut stew with oxtail, tripe, and vegetables.`,
      imageUrl: "https://www.unileverfoodsolutions.com.ph/dam/global-ufs/mcos/SEA/calcmenu/recipes/PH-recipes/red-meats-&-red-meat-dishes/kare-kare/kare-kare-main.jpg"
    },
    {
      id: 5,
      name: "Pansit Canton",
      ingredients:  `Stir-fried noodles with vegetables, shrimp, and meat.`,
      imageUrl: "https://thefoodietakesflight.com/wp-content/uploads/2021/03/vegan-filipino-stir-fried-noodles-or-pancit-canton-recipe-2-682x1024.png"
    },
    {
      id: 6,
      name: "Chicken Inasal",
      ingredients:  `Grilled chicken marinated in vinegar and spices`,
      imageUrl: "https://pinoybites.com/wp-content/uploads/2021/08/File_000-22-scaled.jpeg"
    },
    {
      id: 7,
      name: "Tinola",
      ingredients:  ` Chicken soup with green papaya, malunggay, and ginger.`,
      imageUrl: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQSTOfPBLx7vK2vNhqjPhaZxlByrY65PS9MgA&s"
    },
    {
      id: 8,
      name: "Bicol Express",
      ingredients:  `Spicy pork stew with coconut milk and chili peppers.`,
      imageUrl: "data:image/jpeg;base64,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"
    },
    {
      id: 9,
      name: "Bibingka",
      ingredients:  `rice cake made from rice flour, coconut milk, sugar, and topped with salted eggs and cheese, baked in banana leaves`,
      imageUrl: "https://www.foxyfolksy.com/wp-content/uploads/2017/12/bibingka-t-500x500.jpg"
    },
    {
      id: 10,
      name: "Tocino",
      ingredients:  `sweet cured meat, usually pork, marinated with sugar, pineapple juice, and annatto for color.`,
      imageUrl: "https://norecipes.com/wp-content/uploads/2018/05/filipino-tocino-recipe_010.jpg  "
    }




  ];

  getRecipe(): RecipeModel[] {
    return this.recipes;
  }
}

recipe.model.ts

export interface RecipeModel{
  id: number;
  name: string;
  ingredients:  string;
  imageUrl: string;
  }

recipe.component.ts

    import { RecipeService } from './../../services/recipe.service';
import { Component, OnInit } from '@angular/core';
import { RecipeModel } from '../recipe';

@Component({
  selector: 'app-recipe',
  templateUrl: './recipe.component.html',
  styleUrl: './recipe.component.css'
})
export class RecipeComponent implements OnInit{
  recipeList: RecipeModel[] = [];

  constructor(private recipeService: RecipeService) {}

  ngOnInit(): void {
    this.recipeList = this.recipeService.getRecipe();
  }
}

recipe.component.html

<!DOCTYPE html>
<html>
<head>
  <title>Angular Recipe Grid</title>
</head>
<body>
  <div class="recipe-grid">
  <div *ngFor="let recipe of recipeList" class="recipe-grid__item">
    <img
      class="recipe-grid__image"
      [src]="recipe.imageUrl"
    />
    <h2 class="recipe-grid__name">{{ recipe.name }}</h2>
    <p class="recipe-grid__author">{{ recipe.ingredients }}</p>
  </div>
  </div>
</body>
</html>

OUTPUT:

https://act-33-recipe-2024e.web.app/