Push latest changes to prod

README.md

@@ -1,59 +1,150 @@
-# GridDemos
-
-Grid demos showing different use cases.
-
-## Development server
-
-To start a local development server, run:
-
-```bash
-ng serve
-```
-
-Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the project run:
-
-```bash
-ng build
-```
-
-This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
+# Ignite UI for Angular Examples
+
+You can quick-start your project using the sample apps here! Explore, inspect the source code, or customize them with ease.  
+[Browse samples and source code](https://www.infragistics.com/angular-grid-examples/home/inventory)
+
+All sample apps are built using Ignite UI’s fast-performance Angular grids for real-time data handling, high-speed rendering, and versatile customization options. Each demonstrates key enterprise-ready features—like sorting, filtering, editing, and more—helping you build interactive, data-rich Angular applications faster.
+
+## Financial Portfolio App
+<img width="975" height="597" alt="Angular Financial Portfolio App" src="https://github.com/user-attachments/assets/2bea183f-b383-4e38-a654-194e36f9a1d9" />
+
+
+**Description:**  
+An Angular example app showing assets, profit, and loss analyses. It integrates dynamic charts, uses a Bootstrap light theme for visual consistency, and features a high-performance Data Grid.
+
+**Components Used:**  
+- Data Grid  
+- Avatar  
+- Button  
+- Icon  
+- Linear Bar  
+- Input Group  
+- Excel Exporter Service  
+- CSV Exporter Service  
+
+**Features:**  
+- Row Selection  
+- Sorting  
+- Column Hiding  
+- Column Pinning  
+- Exporting  
+- Conditional Cell Styling  
+- Filtering  
+
+---
+
+## ERP/Inventory
+<img width="975" height="540" alt="Angular ERP/Inventory example" src="https://github.com/user-attachments/assets/0d1b17ae-1c03-4d0f-9e64-622f1a434b2d" />
+
+
+**Description:**  
+An Angular sample app for ERP/Inventory, handling large data volumes using Ignite UI for Angular Hierarchical Grid with Material Light theme.
+
+**Components Used:**  
+- Hierarchical Grid  
+- Data Chart  
+- Rating  
+- Dialog  
+- Badge  
+- Button  
+- Icon  
+- Excel Exporter Service  
+- CSV Exporter Service  
+
+**Features:**  
+- Row Selection  
+- Sorting  
+- Filtering  
+- Column Moving  
+- Column Hiding  
+- Column Pinning  
+- Exporting  
+
+---
+
+## Org Chart/HR Portal
+<img width="975" height="601" alt="Angular HR Portal Example App" src="https://github.com/user-attachments/assets/7c58abe0-7d0d-4e47-9f4d-231a0fd58e33" />
+
+
+**Description:**  
+Angular sample app featuring a Tree Grid to manage and display employee information.
+
+**Components Used:**  
+- Tree Grid  
+- Avatar  
+- Button  
+- Icon  
+- Paginator  
+- Excel Exporter Service  
+- CSV Exporter Service  
+
+**Features:**  
+- Row Selection  
+- Sorting  
+- Excel Style Filtering  
+- Column Hiding  
+- Column Pinning  
+- Exporting  
+- Paging  
+
+---
+
+## Fleet Management System
+<img width="975" height="592" alt="Angular Fleet Management System Example" src="https://github.com/user-attachments/assets/1cd1fe7b-ca25-4000-b38f-3357823b0581" />
+
+
+**Description:**  
+Angular sample app with a Master-Detail Grid for managing vehicle acquisition, operations, and maintenance—perfect for retail businesses. Includes product-specific details (engine, maker, fuel, trip history, maintenance, etc.).
+
+**Components Used:**  
+- Grid  
+- Pie Chart  
+- Category Chart  
+- Card  
+- Geographic Map  
+- Overlay  
+- Avatar  
+- Badge  
+- Tabs  
+- Carousel  
+- Slide  
+- Divider  
+- Select  
+- Button  
+- Icon  
+- Excel Exporter Service  
+- CSV Exporter Service  
+
+**Features:**  
+- Sorting  
+- Exporting  
+- Filtering  
+- Column Pinning  
+- Column Hiding  
+
+---
+
+## Sales Dashboard
+<img width="975" height="527" alt="Angular Sales Dashboard Example App" src="https://github.com/user-attachments/assets/b539083f-3896-4d57-8431-7a1abc5ac7d0" />
+
+
+**Description:**  
+Angular sales app example for summaries by region, product, and time periods, with options for detailed trend analysis and KPIs.
+
+**Components Used:**  
+- Pivot Grid  
+- Pivot Data Selector  
+- Button  
+- Icon  
+- Toggle  
+- Tooltip  
+- Dropdown  
+- Excel Exporter Service  
+- CSV Exporter Service  
+
+**Features:**  
+- Sorting  
+- Exporting  
+- Filtering  
+- Resizing  
+- Super Compact Mode  

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "grid-demos": {
+    "angular-grid-examples": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
@@ -17,7 +17,7 @@
         "build": {
           "builder": "@angular/build:application",
           "options": {
-            "outputPath": "dist/grid-demos",
+            "outputPath": "dist/angular-grid-examples",
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": [
@@ -98,10 +98,10 @@
           "builder": "@angular/build:dev-server",
           "configurations": {
             "production": {
-              "buildTarget": "grid-demos:build:production"
+              "buildTarget": "angular-grid-examples:build:production"
             },
             "development": {
-              "buildTarget": "grid-demos:build:development"
+              "buildTarget": "angular-grid-examples:build:development"
             }
           },
           "defaultConfiguration": "development"

azure-pipelines/igniteui-angular-grid-examples.yml

@@ -138,8 +138,8 @@ stages:
 
         displayName: 'Publish app'
         inputs:
-          targetPath: '$(Build.SourcesDirectory)/dist/grid-demos/browser'
-          artifact: 'dist.grid-demos.browser'
+          targetPath: '$(Build.SourcesDirectory)/dist/angular-grid-examples/browser'
+          artifact: 'dist.angular-grid-examples.browser'
           publishLocation: 'pipeline'
 
       - ${{ if eq(parameters.shouldCleanPostExecution, true) }}: