Merge pull request #153 from IgniteUI/dkamburov-patch-1

Revise README for Ignite UI Angular Examples

Author: dkamburov

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