Awesome

The repository consists of samples using the Ignite UI For Javascript, Angular, MVC library in a context of ASP.NET Core Web Application.

This repository consists of different ASP.NET Core applications. The idea is to demonstrate examples of real world scenarios, and how easy is the integration between the server and a web application, built using any modern UI framework such as Angular, React, Web Components, jQuery, etc.

Each ASP.NET Core application refers a client application built using any of Ignite UI frameworks - Ignite UI for Angular, Ignite UI for jQuery, Ignite UI for React, Ignite UI for Web Components.

The examples in this repository have the server and client parts configured to run together - the server application refers the client in the ClientApp dir by a submodule. However, each application has its own purpose and is agnostic to the other part, meaning that they are easily replaceable.

For example, you as a developer may create a client application to consume the same endpoint. In order to use different client application, open the .csproj file and edit the URL of repository, where the client application lives:

<Target Name="DebugEnsureNodeEnv" BeforeTargets="Build" Condition=" '$(Configuration)' == 'Debug'">
    <Exec Condition="!Exists('$(SpaRoot)')" WorkingDirectory="$(SolutionDir)" Command="git clone -j8 https://github.com/IgniteUI/TaskPlanner.git ClientApp "/>
    <Exec Condition="Exists('$(SpaRoot)')" WorkingDirectory="$(SpaRoot)" Command="git pull origin master" />
    <Exec Condition="!Exists('$(SpaRoot)node_modules')" WorkingDirectory="$(SpaRoot)" Command="npm install" />
</Target>

The Exec commands are needed to:

1. Clone the client app repository
2. Pull changes
3. Execute npm install

ASP.NET Core Prerequisites

• Windows 10, Version 1809 and higer (more information)
• .NET Core 2.1, .NET Core 3.1, .NET Core 5 Preview (more information)
• Visual Studio 2015, 2017, 2019

Applications

• Scheduler CRUD operations
  • The sample demonstrates how the user could execute and perform CRUD operations with Scheduler component.
• Dock Manager with Data Analysis
  • The sample demonstrates how the user can analyse selected data from a data grid component through a data chart representation or conditional cell formatting. For more information check out the README.md file.
• Marketing Dashboard -
  • The Angular Marketing Dashboard application makes use of the Ignite UI for Angular data chart, map, doughnut chart, bullet graph, date picker, list, dialog and card controls, styled with Ignite UI for Angular theming engine to tackle specific analytical challenges. The dashboard view brings together different data points a marketing expert would want to track like sessions, conversions and conversion costs.
• Task Planner API Application
  • The sample demonstrates how to use the Github API with Octo Kit in order to load Ignite UI for Angular Issues and Pull requests into different visual elements like List and Grid. This app can be used to easily track our work and tasks progress.
• Ignite UI for jQuery Data Grid Remote Оperatations
  • The sample demonstrates how the user could execute and perform remote operatations with Ignite UI for jQuery data grid component.
  • The sample makes use of the
• Ignite UI for jQuery Data Chart Overview
  • The sample demonstrates how the user could analyse selected data from a database with Ignite UI for jQuery's data chart component.

Adding new application

When adding new application

1. Use this template for the application README file.
2. Update the list with applications above.

Useful links

• Create web APIs with ASP.NET Core
• Use the Angular project template with ASP.NET Core
• Use the React project template with ASP.NET Core
• Enable Cross-Origin Requests (CORS) in ASP.NET Core