kolluri-rk / angular-csharp-graphql-demo

Example project for setting up a GraphQL powered Angular app using .NET Core 6

Angular C# GraphQL Demo

Example project for setting up a GraphQL powered Angular app using .NET Core 6.

Requirements

• GNU Make
• .NET Core 6
• Angular

Usage

To install project dependencies, run the following command:

make install

To run the ui project, run the following command:

make start_ui

To run the bff project, run the following command:

make start_bff

Sample Queries & Mutations

{
  products {
    id
    name
    description
    reviews {
      reviewer
      content
      stars
    }
  }
}

{
  reviews {
    reviewer
  }
}

mutation AddProduct($productInput: ProductInput!) {
  addProduct (product: { name: $productInput.name, price: $productInput.price, description: $productInput.description, manufacturer: $productInput.manufacturer }) {
    id
    name
    description
    price
    reviews {
      reviewer
      content
      stars
    }
  }
}

mutation AddReviewForProduct($id: ID!, $review: ReviewInput!) {
  addReview(id: $id, review: $review) {
    name
    description
    price
    
    reviews {
      reviewer
      content
      stars
    }
  }
}

mutation DeleteProductById($id: ID!) {
  deleteProductById(id: $id) {
    name
    description
    price
    manufacturer

    reviews {
      reviewer
      content
      stars
    }
  }
}

Links

• Very useful .NET GraphQL link
• Another very useful .NET GraphQL link
• Mutations guide